BhawanSingh
/
va-tracker-middleware
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added dashboard

This commit is contained in:
Aakash Mittal 2025-11-14 18:19:16 +05:30
parent 0eec95294a
commit 28226c30f8
22 changed files with 1537 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

635
public/css/dashboard.css Normal file
View File

@ -0,0 +1,635 @@
:root {
--color-primary: #0d0b57;
--color-primary-light: #2b8efc;
--color-secondary: #6366f1;
--color-success: #10b981;
--color-warning: #f59e0b;
--color-danger: #ef4444;
--color-gray-50: #f9fafb;
--color-gray-100: #f3f4f6;
--color-gray-200: #e5e7eb;
--color-gray-300: #d1d5db;
--color-gray-400: #9ca3af;
--color-gray-500: #6b7280;
--color-gray-600: #4b5563;
--color-gray-700: #374151;
--color-gray-800: #1f2937;
--color-gray-900: #111827;
--bg-primary: #ffffff;
--bg-secondary: #f8fafc;
--bg-card: #ffffff;
--text-primary: #1f2937;
--text-secondary: #6b7280;
--text-muted: #9ca3af;
--border-color: #e5e7eb;
--shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
[data-theme="dark"] {
--bg-primary: #121212;
--bg-secondary: #1e1e1e;
--bg-card: #1e1e1e;
--text-primary: #f5f5f5;
--text-secondary: #d1d5db;
--text-muted: #9ca3af;
--border-color: #374151;
--shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.2);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
background-color: var(--bg-primary);
color: var(--text-primary);
transition: background-color 0.3s ease, color 0.3s ease;
}
.dashboard-body {
overflow: hidden;
}
/* Header Styles */
.dashboard-header {
position: sticky;
top: 0;
z-index: 40;
width: 100%;
height: 4rem;
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(16px);
background-color: rgba(255, 255, 255, 0.7);
border-bottom: 1px solid var(--border-color);
}
[data-theme="dark"] .dashboard-header {
background-color: rgba(30, 30, 30, 0.7);
}
.header-content {
display: flex;
padding: 0 1.5rem;
gap: 1rem;
width: 100%;
max-width: 1024px;
flex-direction: row;
align-items: center;
justify-content: space-between;
position: relative;
flex-wrap: nowrap;
}
.header-logo {
display: flex;
flex-basis: 0;
flex-grow: 1;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
background: transparent;
text-decoration: none;
color: inherit;
white-space: nowrap;
box-sizing: border-box;
}
.header-nav {
display: flex;
height: 100%;
flex-direction: row;
flex-wrap: nowrap;
gap: 0.5rem;
align-items: center;
justify-content: flex-end;
}
.nav-list {
display: flex;
list-style: none;
gap: 0.5rem;
}
.nav-button {
padding: 0.5rem 1rem;
border-radius: 0.5rem;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
transition: all 0.2s;
font-size: 0.875rem;
font-weight: 500;
display: flex;
align-items: center;
gap: 0.5rem;
color: var(--text-secondary);
background: none;
border: none;
cursor: pointer;
text-decoration: none;
}
.nav-button:hover {
background-color: var(--color-gray-100);
color: var(--color-primary-light);
}
[data-theme="dark"] .nav-button:hover {
background-color: var(--color-gray-800);
}
.nav-button.active {
color: var(--color-primary-light);
border-bottom: 2px solid var(--color-primary-light);
}
.user-avatar {
width: 2rem;
height: 2rem;
background-color: var(--color-primary);
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.75rem;
font-weight: 600;
cursor: pointer;
}
.mobile-menu-button {
display: none;
width: 2rem;
height: 2rem;
align-items: center;
justify-content: center;
color: var(--text-secondary);
background: none;
border: none;
cursor: pointer;
}
/* Container Layout */
.dashboard-container {
display: flex;
height: calc(100vh - 4rem);
}
/* Sidebar Styles */
.dashboard-sidebar {
width: 16rem;
background-color: var(--bg-card);
border-right: 1px solid var(--border-color);
display: none;
}
@media (min-width: 768px) {
.dashboard-sidebar {
display: block;
}
}
.sidebar-header {
padding: 1.5rem;
}
.sidebar-title {
font-size: 1.125rem;
font-weight: 600;
color: var(--text-primary);
}
.sidebar-nav {
margin-top: 1.5rem;
}
.sidebar-list {
list-style: none;
padding: 0 1rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.sidebar-item {
margin-bottom: 0.5rem;
}
.sidebar-link {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.75rem 1rem;
color: var(--text-secondary);
text-decoration: none;
border-radius: 0.5rem;
transition: all 0.2s;
}
.sidebar-link:hover {
background-color: var(--color-gray-100);
color: var(--text-primary);
}
[data-theme="dark"] .sidebar-link:hover {
background-color: var(--color-gray-800);
}
.sidebar-link.active {
background-color: rgba(59, 130, 246, 0.1);
color: var(--color-primary-light);
}
.sidebar-icon {
width: 1.25rem;
text-align: center;
}
/* Main Content */
.dashboard-main {
flex: 1;
overflow: auto;
padding: 1.5rem;
background-color: var(--bg-secondary);
}
.dashboard-content {
max-width: 80rem;
margin: 0 auto;
}
/* Stats Grid */
.stats-grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
margin-bottom: 2rem;
}
@media (min-width: 768px) {
.stats-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.stats-grid {
grid-template-columns: repeat(4, 1fr);
}
}
.stat-card {
background-color: var(--bg-card);
border-radius: 0.75rem;
padding: 1.5rem;
box-shadow: var(--shadow);
border: 1px solid var(--border-color);
transition: box-shadow 0.2s;
}
.stat-card:hover {
box-shadow: var(--shadow-lg);
}
.stat-content {
display: flex;
align-items: center;
justify-content: space-between;
}
.stat-info h3 {
font-size: 0.875rem;
color: var(--text-secondary);
margin-bottom: 0.25rem;
font-weight: 500;
}
.stat-value {
font-size: 1.5rem;
font-weight: 700;
color: var(--text-primary);
}
.stat-icon {
width: 3rem;
height: 3rem;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.stat-icon.blue {
background-color: rgba(59, 130, 246, 0.1);
color: var(--color-primary-light);
}
.stat-icon.green {
background-color: rgba(16, 185, 129, 0.1);
color: var(--color-success);
}
.stat-icon.red {
background-color: rgba(239, 68, 68, 0.1);
color: var(--color-danger);
}
.stat-icon.yellow {
background-color: rgba(245, 158, 11, 0.1);
color: var(--color-warning);
}
/* Content Grid */
.content-grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
}
@media (min-width: 1024px) {
.content-grid {
grid-template-columns: repeat(2, 1fr);
}
}
.content-card {
background-color: var(--bg-card);
border-radius: 0.75rem;
padding: 1.5rem;
box-shadow: var(--shadow);
border: 1px solid var(--border-color);
}
.card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
}
.card-title {
font-size: 1.125rem;
font-weight: 600;
color: var(--text-primary);
}
.card-link {
font-size: 0.875rem;
color: var(--color-primary-light);
text-decoration: none;
}
.card-link:hover {
text-decoration: underline;
}
/* Activity Items */
.activity-list {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.activity-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.75rem;
background-color: var(--color-gray-50);
border-radius: 0.5rem;
}
[data-theme="dark"] .activity-item {
background-color: var(--color-gray-800);
}
.activity-info h4 {
font-weight: 500;
color: var(--text-primary);
margin-bottom: 0.25rem;
}
.activity-info p {
font-size: 0.875rem;
color: var(--text-secondary);
}
.activity-meta {
text-align: right;
}
.activity-meta .value {
font-weight: 600;
color: var(--text-primary);
margin-bottom: 0.25rem;
}
.activity-meta .date {
font-size: 0.875rem;
color: var(--text-secondary);
}
.status-badge {
display: inline-block;
padding: 0.25rem 0.5rem;
font-size: 0.75rem;
border-radius: 9999px;
font-weight: 600;
}
.status-paid {
background-color: rgba(16, 185, 129, 0.1);
color: var(--color-success);
}
.status-unpaid {
background-color: rgba(239, 68, 68, 0.1);
color: var(--color-danger);
}
/* Page Header */
.page-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1.5rem;
}
.page-title {
font-size: 1.5rem;
font-weight: 300;
color: var(--text-primary);
}
.action-button {
padding: 0.5rem 1rem;
background-color: rgba(59, 130, 246, 0.1);
color: var(--color-primary-light);
border-radius: 0.5rem;
font-weight: 500;
display: flex;
align-items: center;
gap: 0.5rem;
text-decoration: none;
border: none;
cursor: pointer;
transition: background-color 0.2s;
}
.action-button:hover {
background-color: rgba(59, 130, 246, 0.2);
}
/* Table Styles */
.table-container {
background-color: var(--bg-card);
border-radius: 0.5rem;
box-shadow: var(--shadow);
border: 1px solid var(--border-color);
overflow: hidden;
}
.table-wrapper {
overflow-x: auto;
}
.data-table {
width: 100%;
border-collapse: collapse;
}
.data-table thead {
background-color: var(--color-gray-50);
}
[data-theme="dark"] .data-table thead {
background-color: var(--color-gray-800);
}
.data-table th {
padding: 0.75rem 1.5rem;
text-align: left;
font-size: 0.75rem;
font-weight: 500;
color: var(--text-secondary);
text-transform: uppercase;
letter-spacing: 0.05em;
border-bottom: 1px solid var(--border-color);
}
.data-table tbody tr {
border-bottom: 1px solid var(--border-color);
transition: background-color 0.2s;
cursor: pointer;
}
.data-table tbody tr:hover {
background-color: var(--color-gray-50);
}
[data-theme="dark"] .data-table tbody tr:hover {
background-color: var(--color-gray-800);
}
.data-table td {
padding: 1rem 1.5rem;
font-size: 0.875rem;
color: var(--text-primary);
}
.data-table .status-active {
background-color: rgba(16, 185, 129, 0.1);
color: var(--color-success);
}
.data-table .status-badge {
padding: 0.25rem 0.75rem;
border-radius: 9999px;
font-size: 0.75rem;
font-weight: 600;
}
.hours-badge {
display: inline-flex;
align-items: center;
gap: 0.25rem;
padding: 0.25rem 0.75rem;
border-radius: 9999px;
font-size: 0.75rem;
font-weight: 600;
}
.hours-default {
background-color: rgba(107, 114, 128, 0.1);
color: var(--color-gray-600);
}
.hours-primary {
background-color: rgba(59, 130, 246, 0.1);
color: var(--color-primary-light);
}
.hours-secondary {
background-color: rgba(99, 102, 241, 0.1);
color: var(--color-secondary);
}
.hours-warning {
background-color: rgba(245, 158, 11, 0.1);
color: var(--color-warning);
}
.amount-positive {
color: var(--color-success);
}
.amount-tips {
color: var(--color-warning);
}
/* Empty State */
.empty-state {
padding: 3rem 1.5rem;
text-align: center;
color: var(--text-secondary);
}
/* Responsive */
@media (max-width: 768px) {
.dashboard-main {
padding: 1rem;
}
.mobile-menu-button {
display: flex;
}
.nav-list {
display: none;
}
.stats-grid {
grid-template-columns: 1fr;
}
.content-grid {
grid-template-columns: 1fr;
}
.data-table {
font-size: 0.75rem;
}
.data-table th,
.data-table td {
padding: 0.5rem 0.75rem;
}
}

4
public/css/va-register.css
View File

@ -20,8 +20,8 @@ body {
.sidebar {
display: none;
flex-direction: column;
width: 280px;
background: linear-gradient(to bottom, #0b57d0bd, #0b57d0d6, #0b57d0);
width: 388px;
background: linear-gradient(to bottom, #f4f4f5, #d0f9f9, #cac5f7);
padding: 24px;
border-radius: 14px;
margin: 20px;

4
public/js/va-client-register.js
View File

@ -603,6 +603,10 @@ async function submitForm() {
stepNumber.style.color = 'white';
});
nextStep(6);
setTimeout(() => {
window.location.href = '/client/login';
}, 1000);
} else {
// Handle server errors
if (response.status === 409) {

3
public/js/va-register.js
View File

@ -593,6 +593,9 @@
});
nextStep(5);
setTimeout(() => {
window.location.href = '/login';
}, 1000);
} else {
// Handle server errors
alert('There was an error submitting your registration. Please try again.');

8
src/controllers/client/vaClient.controller.js
View File

@ -11,7 +11,6 @@ async function va_register_client(req, res) {
try {
const payload = req.body || {};
const { userDetails } = payload;
if (!userDetails || !userDetails.email || !userDetails.name) {
return res.status(400).json({
success: false,
@ -37,6 +36,13 @@ async function va_register_client(req, res) {
});
}
if (error.message.includes("Salesforce API is unreachable")) {
return res.status(503).json({
success: false,
message: "Salesforce service is currently unavailable. Please try again later."
});
}
return res.status(500).json({
success: false,
message: "Internal Server Error"

6
src/controllers/passwordReset.controllers.js
View File

@ -56,14 +56,14 @@ async function render_reset_form(req, res) {
const { token, userType } = req.query;
if (!token || !userType) {
return res.render('auth/reset-password-error', { error: 'Reset token or user type is missing' });
return res.render('auth/reset-password-error', { error: 'Reset token or user type is missing', userType: userType || 'va' });
}
// Validate token
const validation = await passwordResetService.validateResetToken(token, userType);
if (!validation.valid) {
return res.render('auth/reset-password-error', { error: validation.message });
return res.render('auth/reset-password-error', { error: validation.message, userType: userType || 'va' });
}
// Render reset form with token
@ -102,7 +102,7 @@ async function process_reset(req, res) {
await passwordResetService.resetPassword(token, password, userType);
// Render success page
res.render('auth/reset-password-success');
res.render('auth/reset-password-success', {userType});
} catch (error) {
logger.error(`PasswordResetController - Process reset error: ${error.message}`);

45
src/controllers/va/vaAuth/vaLogin.controller.js
View File

@ -1,6 +1,6 @@
import bcrypt from "bcrypt";
import jwt from "jsonwebtoken";
import { VAModel } from "../../../models/vaModel.js";
import { VAModel, LoggedModel } from "../../../models/vaModel.js";
// Login VA
async function va_login_callback(req, res) {
@ -32,6 +32,36 @@ async function va_login_callback(req, res) {
return res.status(401).json({ success: false, message: "Invalid password" });
}
// Check if VA has any active sessions (LOGIN without LOGOUT)
const activeSessions = await LoggedModel.find({
vaId: user._id,
loggedType: "LOGIN"
}).sort({ time: -1 });
if (activeSessions.length > 0) {
// Get the latest login to check if there's no corresponding logout
const latestLogin = activeSessions[0];
// Check if there's a logout after this login
const correspondingLogout = await LoggedModel.findOne({
vaId: user._id,
loggedType: "LOGOUT",
time: { $gt: latestLogin.time }
});
if (!correspondingLogout) {
// VA is still logged in to a project
const projectInfo = await LoggedModel.findById(latestLogin._id)
.populate('projectId', 'name')
.lean();
return res.status(400).json({
success: false,
message: "You are still logged in to a project. Please logout first before logging in again."
});
}
}
// Generate JWT accessToken with 24h expiry
const accessToken = jwt.sign(
{
@ -76,4 +106,17 @@ async function va_login_callback(req, res) {
}
}
// Helper function to format session duration
function formatSessionDuration(loginTime) {
const now = new Date();
const login = new Date(loginTime);
const durationMs = now - login;
const hours = Math.floor(durationMs / (1000 * 60 * 60));
const minutes = Math.floor((durationMs % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((durationMs % (1000 * 60)) / 1000);
return `${hours}h ${minutes}m ${seconds}s`;
}
export { va_login_callback };

32
src/controllers/va/vaProfile/vaRegister.controller.js
View File

@ -47,7 +47,37 @@ async function va_register(req, res) {
const created = await VAModel.create(toCreate);
return res.status(201).json({ success: true, data: created });
// Send data to Salesforce API after successful registration
try {
const salesforceUrl = `${process.env.SF_DOCTRACKER_API_URL}services/apexrest/docva/api/virtualassistant`;
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(created)
});
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);
res.status(201).json({ success: true, data: created, SyncSalesforce: result });
} catch (error) {
console.error("❌ Failed to sync with Salesforce:", error.message);
// Create a custom error to distinguish Salesforce errors
const salesforceError = new Error(`Salesforce sync failed: ${error.message}`);
salesforceError.isSalesforceError = true;
throw salesforceError;
}
} catch (error) {
console.error("va_register error:", error);
return res.status(500).json({ success: false, message: "Internal Server Error" });

6
src/middlewares/auth.middleware.js
View File

@ -1,12 +1,12 @@
import jwt from "jsonwebtoken";
import { VAModel } from "../models/vaModel.js";
import { VAModel, ClientModel } from "../models/vaModel.js";
import logger from "../config/logger.js";
async function authValidator(req, res, next) {
try {
const sf_token = req.header.sf_token;
const sf_token = req.headers.sf_token;
if (sf_token) {
next();
} else {
const accessToken = req.headers.token;
if (!accessToken) return res.status(401).json({ success: false, message: "Not Authorized" });

51
src/server.js
View File

@ -60,6 +60,57 @@ app.get("/client/forgot-password", (req, res) => {
res.render("forgot_password")
})
// Client Dashboard Routes with new file names
app.get('/client/dashboard', async (req, res) => {
try {
const dashboardData = await dashboardService.getClientDashboard(req.user.id);
res.render('client/dashboard-dashboard', dashboardData);
} catch (error) {
console.error('Dashboard error:', error);
res.status(500).render('client/dashboard-dashboard', { error: 'Failed to load dashboard' });
}
});
app.get('/client/virtual-assistants', async (req, res) => {
try {
const vaData = await virtualAssistantService.getClientVAs(req.user.id);
res.render('client/dashboard-virtual-assistants', vaData);
} catch (error) {
console.error('Virtual assistants error:', error);
res.status(500).render('client/dashboard-virtual-assistants', { error: 'Failed to load virtual assistants' });
}
});
// app.get('/client/timesheets', async (req, res) => {
// try {
// const timesheetData = await timesheetService.getClientTimesheets(req.user.id);
// res.render('client/dashboard-timesheets', timesheetData);
// } catch (error) {
// console.error('Timesheets error:', error);
// res.status(500).render('client/dashboard-timesheets', { error: 'Failed to load timesheets' });
// }
// });
// app.get('/client/invoices', async (req, res) => {
// try {
// const invoiceData = await invoiceService.getClientInvoices(req.user.id);
// res.render('client/dashboard-invoices', invoiceData);
// } catch (error) {
// console.error('Invoices error:', error);
// res.status(500).render('client/dashboard-invoices', { error: 'Failed to load invoices' });
// }
// });
// app.get('/client/referrals', async (req, res) => {
// try {
// const referralData = await referralService.getClientReferrals(req.user.id);
// res.render('client/dashboard-referrals', referralData);
// } catch (error) {
// console.error('Referrals error:', error);
// res.status(500).render('client/dashboard-referrals', { error: 'Failed to load referrals' });
// }
// });
app.get("/live/:projectId", (req, res) => {
const { projectId } = req.params;
res.render("va_live_tracker", { title: "VA Live Tracker", projectId })

78
src/services/salesforce.service.js Normal file
View File

@ -0,0 +1,78 @@
import axios from "axios";
import logger from "../config/logger.js";
class SalesforceService {
async registerClientInSalesforce(clientData, _id) {
try {
const url = `${process.env.SF_DOCTRACKER_API_URL}/services/apexrest/docva/api/client`;
// Extract only the required data for Salesforce
const salesforcePayload = this.prepareSalesforcePayload(clientData, _id);
logger.info(`SalesforceService - Sending client data to Salesforce: ${clientData.userDetails.email}`);
const response = await axios.post(url, salesforcePayload, {
headers: {
'Content-Type': 'application/json',
},
timeout: 30000, // 30 seconds timeout
});
logger.info(`SalesforceService - Client registered successfully in Salesforce: ${clientData.userDetails.email}`);
return response.data;
} catch (error) {
logger.error(`SalesforceService - Error registering client in Salesforce: ${error.message}`);
if (error.response) {
// Salesforce returned an error response
logger.error(`SalesforceService - Salesforce API error: ${error.response.status} - ${JSON.stringify(error.response.data)}`);
throw new Error(`Salesforce API error: ${error.response.status} - ${error.response.data.message || 'Unknown error'}`);
} else if (error.request) {
// Request was made but no response received
logger.error('SalesforceService - No response received from Salesforce API');
throw new Error('Salesforce API is unreachable');
} else {
// Something else happened
throw error;
}
}
}
prepareSalesforcePayload(clientData, _id) {
const { userDetails } = clientData;
return {
_id: _id,
userDetails: {
name: userDetails.name,
email: userDetails.email.toLowerCase(),
address: userDetails.address || null,
city: userDetails.city || null,
state: userDetails.state || null,
zip: userDetails.zip || null,
billingName: userDetails.billingName || null,
billingAddress: userDetails.billingAddress || null,
billingCity: userDetails.billingCity || null,
billingState: userDetails.billingState || null,
billingZip: userDetails.billingZip || null,
billingEmail: userDetails.billingEmail || null,
position: userDetails.position || null,
signatoryName: userDetails.signatoryName || null,
signatoryEmail: userDetails.signatoryEmail || null,
paymentMethod: userDetails.paymentMethod || null,
bankName: userDetails.bankName || null,
accountNumber: userDetails.accountNumber || null,
routingNumber: userDetails.routingNumber || null,
accountType: userDetails.accountType || null,
accountHolderName: userDetails.accountHolderName || null,
cardNumber: userDetails.cardNumber || null,
expiryDate: userDetails.expiryDate || null,
securityCode: userDetails.securityCode || null,
cardZip: userDetails.cardZip || null,
}
};
}
}
export default SalesforceService;

29
src/services/vaClient.service.js
View File

@ -1,8 +1,10 @@
import logger from "../config/logger.js";
import SalesforceService from "./salesforce.service.js";
class VaClientService {
constructor(vaClientRepository) {
this.clientRepository = vaClientRepository;
this.salesforceService = new SalesforceService();
}
async registerClient(data) {
@ -16,6 +18,9 @@ class VaClientService {
// Sanitize and prepare data
const clientData = this.sanitizeClientData(data);
// Send data to Salesforce first
await this.salesforceService.registerClientInSalesforce(data, clientData._id);
const response = await this.clientRepository.create(clientData);
return response;
} catch (error) {
@ -87,19 +92,17 @@ class VaClientService {
position: userDetails.position || null,
signatoryName: userDetails.signatoryName || null,
signatoryEmail: userDetails.signatoryEmail || null,
paymentMethod: userDetails.paymentMethod || null,
bankName: userDetails.bankName || null,
accountNumber: userDetails.accountNumber || null,
routingNumber: userDetails.routingNumber || null,
accountType: userDetails.accountType || null,
accountHolderName: userDetails.accountHolderName || null,
cardNumber: userDetails.cardNumber || null,
expiryDate: userDetails.expiryDate || null,
securityCode: userDetails.securityCode || null,
cardZip: userDetails.cardZip || null,
},
vaIds: payload.vaIds || [],
projectIds: payload.projectIds || [],
paymentMethod: null,
bankName: null,
accountNumber: null,
routingNumber: null,
accountType: null,
accountHolderName: null,
cardNumber: null,
expiryDate: null,
securityCode: null,
cardZip: null,
}
};
}
}

13
views/auth/reset-password-error.ejs
View File

@ -12,8 +12,17 @@
</div>
<div class="mt-4">
<a href="<%= process.env.FRONTEND_URL %>/forgot-password" class="btn btn-primary" style="margin-bottom:8px;">Request New Reset Link</a>
<a href="<%= process.env.FRONTEND_URL %>/login" class="btn btn-ghost">Back to Login</a>
<%
let forgotPasswordUrl = `${process.env.FRONTEND_URL}/forgot-password`;
let loginUrl = `${process.env.FRONTEND_URL}/login`;
if (userType === 'client') {
forgotPasswordUrl = '/client/forgot-password';
loginUrl = '/client/login';
}
%>
<a href="<%= forgotPasswordUrl %>" class="btn btn-primary" style="margin-bottom:8px;">Request New Reset Link</a>
<a href="<%= loginUrl %>" class="btn btn-ghost">Back to Login</a>
</div>
</div>
</div>

9
views/auth/reset-password-form.ejs
View File

@ -33,8 +33,13 @@
<button type="submit" class="btn btn-primary">Reset Password</button>
</div>
</form>
<a href="<%= process.env.FRONTEND_URL %>/login" class="small-link">Back to Login</a>
<%
let backToLoginUrl = `${process.env.FRONTEND_URL}/login`;
if (userType === 'client') {
backToLoginUrl = '/client/login';
}
%>
<a href="<%= backToLoginUrl %>" class="small-link">Back to Login</a>
</div>
</div>

8
views/auth/reset-password-success.ejs
View File

@ -12,7 +12,13 @@
</div>
<div class="mt-4">
<a href="<%= process.env.FRONTEND_URL %>/login" class="btn btn-primary">Go to Login</a>
<%
let loginUrl = `${process.env.FRONTEND_URL}/login`;
if (userType === 'client') {
loginUrl = '/client/login';
}
%>
<a href="<%= loginUrl %>" class="btn btn-primary">Go to Login</a>
</div>
</div>
</div>

292
views/client/dashboard-dashboard.ejs Normal file
View File

@ -0,0 +1,292 @@
<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DocVA Client | Dashboard</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link rel="stylesheet" href="/public/css/dashboard.css">
</head>
<body class="dashboard-body">
<div id="root">
<nav class="dashboard-header">
<div class="header-content">
<div class="header-logo">
<div class="logo-container">
<h2 class="sidebar-title">DocVA Client Portal</h2>
</div>
</div>
<div class="header-nav">
<ul class="nav-list">
<li class="nav-item">
<a href="/client/dashboard" class="nav-button active">
<i class="fas fa-chart-bar"></i>Dashboard
</a>
</li>
<li class="nav-item">
<a href="/client/invoices" class="nav-button">
<i class="fas fa-file-invoice"></i>Invoices
</a>
</li>
<li class="nav-item">
<a href="/client/virtual-assistants" class="nav-button">
<i class="fas fa-users"></i>Virtual Assistants
</a>
</li>
<li class="nav-item">
<a href="/client/timesheets" class="nav-button">
<i class="fas fa-clock"></i>Timesheets
</a>
</li>
<li class="nav-item">
<a href="/client/referrals" class="nav-button">
<i class="fas fa-share-alt"></i>Referrals
</a>
</li>
</ul>
<div class="user-avatar">TT</div>
<button class="mobile-menu-button">
<i class="fas fa-bars"></i>
</button>
</div>
</div>
</nav>
<div class="dashboard-container">
<aside class="dashboard-sidebar">
<!-- <div class="sidebar-header">
<h2 class="sidebar-title">DocVA Client Portal</h2>
</div> -->
<nav class="sidebar-nav">
<ul class="sidebar-list">
<li class="sidebar-item">
<a href="/client/dashboard" class="sidebar-link active">
<i class="fas fa-chart-bar sidebar-icon"></i>
<span>Dashboard</span>
</a>
</li>
<li class="sidebar-item">
<a href="/client/virtual-assistants" class="sidebar-link">
<i class="fas fa-users sidebar-icon"></i>
<span>Virtual Assistants</span>
</a>
</li>
<li class="sidebar-item">
<a href="/client/timesheets" class="sidebar-link">
<i class="fas fa-clock sidebar-icon"></i>
<span>Timesheets</span>
</a>
</li>
<li class="sidebar-item">
<a href="/client/invoices" class="sidebar-link">
<i class="fas fa-file-invoice sidebar-icon"></i>
<span>Invoices</span>
</a>
</li>
<li class="sidebar-item">
<a href="/client/referrals" class="sidebar-link">
<i class="fas fa-share-alt sidebar-icon"></i>
<span>Referrals</span>
</a>
</li>
</ul>
</nav>
</aside>
<main class="dashboard-main">
<div class="dashboard-content">
<!-- Stats Cards -->
<div class="stats-grid">
<div class="stat-card">
<div class="stat-content">
<div class="stat-info">
<h3>Active Virtual Assistants</h3>
<div class="stat-value" id="activeVaCount">0</div>
</div>
<div class="stat-icon blue">
<i class="fas fa-users fa-xl"></i>
</div>
</div>
</div>
<div class="stat-card">
<div class="stat-content">
<div class="stat-info">
<h3>Total Billed Hours</h3>
<div class="stat-value" id="totalBilledHours">0</div>
</div>
<div class="stat-icon green">
<i class="fas fa-clock fa-xl"></i>
</div>
</div>
</div>
<div class="stat-card">
<div class="stat-content">
<div class="stat-info">
<h3>Unpaid Invoices</h3>
<div class="stat-value" id="unpaidInvoices">$0.00</div>
</div>
<div class="stat-icon red">
<i class="fas fa-file-invoice fa-xl"></i>
</div>
</div>
</div>
<div class="stat-card">
<div class="stat-content">
<div class="stat-info">
<h3>Outstanding Balance</h3>
<div class="stat-value" id="outstandingBalance">$0.00</div>
</div>
<div class="stat-icon yellow">
<i class="fas fa-money-bill-wave fa-xl"></i>
</div>
</div>
</div>
</div>
<!-- Recent Activity -->
<div class="content-grid">
<!-- Recent Timesheets -->
<div class="content-card">
<div class="card-header">
<h3 class="card-title">Recent Timesheets</h3>
<a href="/client/timesheets" class="card-link">View All</a>
</div>
<div class="activity-list" id="recentTimesheets">
<!-- Timesheets will be loaded here -->
</div>
</div>
<!-- Recent Invoices -->
<div class="content-card">
<div class="card-header">
<h3 class="card-title">Recent Invoices</h3>
<a href="/client/invoices" class="card-link">View All</a>
</div>
<div class="activity-list" id="recentInvoices">
<!-- Invoices will be loaded here -->
</div>
</div>
</div>
</div>
</main>
</div>
</div>
<script>
// Load dashboard data
async function loadDashboardData() {
try {
const response = await fetchWithAuth(`${API_BASE}/dashboard`);
if (!response) return;
const data = await response.json();
// Update stats
document.getElementById('activeVaCount').textContent = data.activeVaCount || 0;
document.getElementById('totalBilledHours').textContent = data.totalBilledHours || '0';
document.getElementById('unpaidInvoices').textContent = `$${data.unpaidInvoices || '0.00'}`;
document.getElementById('outstandingBalance').textContent = `$${data.outstandingBalance || '0.00'}`;
// Update recent timesheets
const timesheetsContainer = document.getElementById('recentTimesheets');
if (data.recentTimesheets && data.recentTimesheets.length > 0) {
timesheetsContainer.innerHTML = data.recentTimesheets.map(timesheet => `
<div class="activity-item">
<div class="activity-info">
<h4>${timesheet.virtualAssistant}</h4>
<p>${timesheet.project}</p>
</div>
<div class="activity-meta">
<div class="value">${timesheet.hours}h</div>
<div class="date">${timesheet.date}</div>
</div>
</div>
`).join('');
} else {
timesheetsContainer.innerHTML = '<div class="empty-state">No recent timesheets</div>';
}
// Update recent invoices
const invoicesContainer = document.getElementById('recentInvoices');
if (data.recentInvoices && data.recentInvoices.length > 0) {
invoicesContainer.innerHTML = data.recentInvoices.map(invoice => `
<div class="activity-item">
<div class="activity-info">
<h4>Invoice #${invoice.id}</h4>
<p>Due: ${invoice.dueDate}</p>
</div>
<div class="activity-meta">
<div class="value">$${invoice.amount}</div>
<span class="status-badge ${invoice.status === 'paid' ? 'status-paid' : 'status-unpaid'}">
${invoice.status}
</span>
</div>
</div>
`).join('');
} else {
invoicesContainer.innerHTML = '<div class="empty-state">No recent invoices</div>';
}
} catch (error) {
console.error('Error loading dashboard data:', error);
}
}
// Load data when page loads
document.addEventListener('DOMContentLoaded', loadDashboardData);
</script>
<script>
// Theme management
function setTheme(theme) {
document.documentElement.setAttribute('data-theme', theme);
localStorage.setItem('theme', theme);
}
function getSystemTheme() {
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
}
// Initialize theme
const savedTheme = localStorage.getItem('theme') || getSystemTheme();
setTheme(savedTheme);
// // API base URL
// const API_BASE = '/api/v1/client';
// // Auth token management
// function getAuthToken() {
// return localStorage.getItem('authToken');
// }
// async function fetchWithAuth(url, options = {}) {
// const token = getAuthToken();
// if (!token) {
// window.location.href = '/client/login';
// return;
// }
// const response = await fetch(url, {
// ...options,
// headers: {
// 'Authorization': `Bearer ${token}`,
// 'Content-Type': 'application/json',
// ...options.headers,
// }
// });
// if (response.status === 401) {
// localStorage.removeItem('authToken');
// window.location.href = '/client/login';
// return;
// }
// return response;
// }
</script>
</body>
</html>

0
views/client/dashboard-invoices.ejs Normal file
View File

0
views/client/dashboard-referrals.ejs Normal file
View File

0
views/client/dashboard-timesheets.ejs Normal file
View File

286
views/client/dashboard-virtual-assistants.ejs Normal file
View File

@ -0,0 +1,286 @@
<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DocVA Client | Dashboard</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link rel="stylesheet" href="/public/css/dashboard.css">
</head>
<body class="dashboard-body">
<div id="root">
<nav class="dashboard-header">
<div class="header-content">
<div class="header-logo">
<div class="logo-container">
<h2 class="sidebar-title">DocVA Client Portal</h2>
</div>
</div>
<div class="header-nav">
<ul class="nav-list">
<li class="nav-item">
<a href="/client/dashboard" class="nav-button">
<i class="fas fa-chart-bar"></i>Dashboard
</a>
</li>
<li class="nav-item">
<a href="/client/virtual-assistants" class="nav-button active">
<i class="fas fa-users"></i>Virtual Assistants
</a>
</li>
<li class="nav-item">
<a href="/client/invoices" class="nav-button">
<i class="fas fa-file-invoice"></i>Invoices
</a>
</li>
<li class="nav-item">
<a href="/client/timesheets" class="nav-button">
<i class="fas fa-clock"></i>Timesheets
</a>
</li>
<li class="nav-item">
<a href="/client/referrals" class="nav-button">
<i class="fas fa-share-alt"></i>Referrals
</a>
</li>
</ul>
<div class="user-avatar">TT</div>
<button class="mobile-menu-button">
<i class="fas fa-bars"></i>
</button>
</div>
</div>
</nav>
<div class="dashboard-container">
<aside class="dashboard-sidebar">
<!-- <div class="sidebar-header">
<h2 class="sidebar-title">DocVA Client Portal</h2>
</div> -->
<nav class="sidebar-nav">
<ul class="sidebar-list">
<li class="sidebar-item">
<a href="/client/dashboard" class="sidebar-link">
<i class="fas fa-chart-bar sidebar-icon"></i>
<span>Dashboard</span>
</a>
</li>
<li class="sidebar-item">
<a href="/client/virtual-assistants" class="sidebar-link active">
<i class="fas fa-users sidebar-icon"></i>
<span>Virtual Assistants</span>
</a>
</li>
<li class="sidebar-item">
<a href="/client/timesheets" class="sidebar-link">
<i class="fas fa-clock sidebar-icon"></i>
<span>Timesheets</span>
</a>
</li>
<li class="sidebar-item">
<a href="/client/invoices" class="sidebar-link">
<i class="fas fa-file-invoice sidebar-icon"></i>
<span>Invoices</span>
</a>
</li>
<li class="sidebar-item">
<a href="/client/referrals" class="sidebar-link">
<i class="fas fa-share-alt sidebar-icon"></i>
<span>Referrals</span>
</a>
</li>
</ul>
</nav>
</aside>
<main class="dashboard-main">
<div class="dashboard-content">
<div class="page-header">
<h1 class="page-title">Virtual Assistants</h1>
<a href="/client/virtual-assistants/tips" class="action-button">
<i class="fas fa-gift"></i>Manage Tips
</a>
</div>
<!-- Stats Cards -->
<div class="stats-grid">
<div class="stat-card">
<div class="stat-content">
<div class="stat-info">
<h3>Active VAs</h3>
<div class="stat-value" id="activeVaCount">0</div>
</div>
<div class="stat-icon blue">
<i class="fas fa-users"></i>
</div>
</div>
</div>
<div class="stat-card">
<div class="stat-content">
<div class="stat-info">
<h3>Unbilled Hours</h3>
<div class="stat-value" id="unbilledHours">0</div>
</div>
<div class="stat-icon">
<i class="fas fa-clock"></i>
</div>
</div>
</div>
<div class="stat-card">
<div class="stat-content">
<div class="stat-info">
<h3>Billed Hours</h3>
<div class="stat-value" id="billedHours">0</div>
</div>
<div class="stat-icon blue">
<i class="fas fa-clock"></i>
</div>
</div>
</div>
<div class="stat-card">
<div class="stat-content">
<div class="stat-info">
<h3>Billed Amount</h3>
<div class="stat-value" id="billedAmount">$0.00</div>
</div>
<div class="stat-icon yellow">
<i class="fas fa-dollar-sign"></i>
</div>
</div>
</div>
</div>
<!-- Virtual Assistants Table -->
<div class="table-container">
<div class="table-wrapper">
<table class="data-table">
<thead>
<tr>
<th>Status</th>
<th>Virtual Assistant</th>
<th>Project</th>
<th>Unbilled Hours</th>
<th>Billed Hours</th>
<th>Billed Tips</th>
<th>Billed Amount</th>
</tr>
</thead>
<tbody id="vaTableBody">
<!-- Data will be loaded here -->
</tbody>
</table>
</div>
</div>
</div>
</main>
</div>
</div>
<script>
async function loadVirtualAssistants() {
try {
const response = await fetchWithAuth(`${API_BASE}/virtual-assistants`);
if (!response) return;
const data = await response.json();
// Update stats
document.getElementById('activeVaCount').textContent = data.stats?.activeVaCount || 0;
document.getElementById('unbilledHours').textContent = data.stats?.unbilledHours || '0';
document.getElementById('billedHours').textContent = data.stats?.billedHours || '0';
document.getElementById('billedAmount').textContent = `$${data.stats?.billedAmount || '0.00'}`;
// Update table
const tableBody = document.getElementById('vaTableBody');
if (data.virtualAssistants && data.virtualAssistants.length > 0) {
tableBody.innerHTML = data.virtualAssistants.map(va => `
<tr>
<td>
<span class="status-badge status-active">${va.status}</span>
</td>
<td>${va.name}</td>
<td>${va.project}</td>
<td>
<span class="hours-badge hours-default">
${va.unbilledHours}<span class="hours-unit">hrs</span>
</span>
</td>
<td>
<span class="hours-badge hours-primary">
${va.billedHours || '-'}<span class="hours-unit">hr</span>
</span>
</td>
<td class="amount-tips">$${va.billedTips || '0.00'}</td>
<td class="amount-positive">$${va.billedAmount || '0.00'}</td>
</tr>
`).join('');
} else {
tableBody.innerHTML = `
<tr>
<td colspan="7" class="empty-state">No virtual assistants found</td>
</tr>
`;
}
} catch (error) {
console.error('Error loading virtual assistants:', error);
}
}
document.addEventListener('DOMContentLoaded', loadVirtualAssistants);
</script>
<script>
// Theme management
function setTheme(theme) {
document.documentElement.setAttribute('data-theme', theme);
localStorage.setItem('theme', theme);
}
function getSystemTheme() {
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
}
// Initialize theme
const savedTheme = localStorage.getItem('theme') || getSystemTheme();
setTheme(savedTheme);
// // API base URL
// const API_BASE = '/api/v1/client';
// // Auth token management
// function getAuthToken() {
// return localStorage.getItem('authToken');
// }
// async function fetchWithAuth(url, options = {}) {
// const token = getAuthToken();
// if (!token) {
// window.location.href = '/client/login';
// return;
// }
// const response = await fetch(url, {
// ...options,
// headers: {
// 'Authorization': `Bearer ${token}`,
// 'Content-Type': 'application/json',
// ...options.headers,
// }
// });
// if (response.status === 401) {
// localStorage.removeItem('authToken');
// window.location.href = '/client/login';
// return;
// }
// return response;
// }
</script>
</body>
</html>

53
views/client_login.ejs
View File

@ -88,7 +88,7 @@
}
.login-card h2 {
margin-bottom: 25px;
margin-bottom: 15px;
color: var(--color-muted);
font-weight: 500;
font-size: 0.95em;
@ -212,9 +212,7 @@
<body>
<div class="logo">
<img src="/public/images/logo-white-vertical.svg" alt="DocVA Logo" />
<!-- <h1>DocVA</h1>
<p>VIRTUAL ASSISTANTS FOR DOCTORS</p> -->
<h2>DocTracker Client Login</h2>
</div>
<div class="login-card">
@ -227,9 +225,9 @@
<button type="submit" class="btn btn-primary">🔒 Log in using password</button>
<div class="divider">OR</div>
<!-- <div class="divider">OR</div>
<button type="button" class="btn btn-secondary"># Log in with Email Code</button>
<button type="button" class="btn btn-secondary"># Log in with Email Code</button> -->
</form>
</div>
@ -247,6 +245,7 @@
}
setTheme(getSystemTheme());
checkAuthentication();
document.querySelector("form").addEventListener("submit", async (e) => {
e.preventDefault(); // prevent page reload
@ -277,9 +276,10 @@
throw new Error(data.message || "Login failed");
}
if (data.token) {
if (data.accessToken) {
// 🟢 Save token
localStorage.setItem("authToken", data.token);
localStorage.setItem("knoptpq", data.accessToken);
localStorage.setItem("refreshToken", data.refreshToken);
// 🟢 Redirect
window.location.href = "/client/dashboard";
@ -291,6 +291,43 @@
alert(err.message || "Something went wrong while logging in");
}
});
// Check if user is already authenticated and redirect to dashboard
async function checkAuthentication() {
const authToken = localStorage.getItem("knoptpq");
if (!authToken) {
return false; // No token found
}
try {
// Validate the token with the server
const response = await fetch("/api/v1/client/validate-token", {
method: "GET",
headers: {
"Authorization": `Bearer ${authToken}`,
"Content-Type": "application/json"
}
});
if (response.ok) {
// Token is valid, redirect to dashboard
window.location.href = "/client/dashboard";
return true;
} else {
// Token is invalid, clear localStorage
localStorage.removeItem("knoptpq");
localStorage.removeItem("refreshToken");
return false;
}
} catch (error) {
console.error("Token validation error:", error);
// If validation fails, clear tokens to be safe
localStorage.removeItem("knoptpq");
localStorage.removeItem("refreshToken");
return false;
}
}
</script>
</body>

8
views/forgot_password.ejs
View File

@ -117,12 +117,12 @@
<body>
<div class="container">
<img id="logo" class="logo" src="/public/images/logo-colored-vertical.svg" alt="DocVA Logo" />
<h2>DocTracker</h2>
<form class="card">
<h2>Reset your password</h2>
<input type="email" placeholder="Enter your email address*" required />
<button type="submit">Send password reset code</button>
<a href="#">Go back to login</a>
<a href="/client/login">Go back to login</a>
</form>
</div>
@ -134,7 +134,7 @@
function applyTheme(isDark) {
const theme = isDark ? "dark" : "light";
document.documentElement.setAttribute("data-theme", theme);
logo.src = isDark ? "/public/images/logo-white-vertical.svg" : "/public/images/logo-colored-vertical.svg";
// logo.src = isDark ? "/public/images/logo-white-vertical.svg" : "/public/images/logo-colored-vertical.svg";
}
// Initial set
@ -174,7 +174,9 @@
const data = await response.json();
if (response.ok) {
if(confirm('Please Check your mail inbox for password reset link')) {
window.location.href = "/client/login"; // Redirect to reset password page
}
} else {
alert("❌ " + (data.message || "Failed to send reset link."));
}