Merge branch 'master' of http://git.hicglobalsolutions.in/BhawanSingh/va-tracker-middleware
This commit is contained in:
commit
682393a82c
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -20,8 +20,8 @@ body {
|
||||||
.sidebar {
|
.sidebar {
|
||||||
display: none;
|
display: none;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
width: 280px;
|
width: 388px;
|
||||||
background: linear-gradient(to bottom, #0b57d0bd, #0b57d0d6, #0b57d0);
|
background: linear-gradient(to bottom, #f4f4f5, #d0f9f9, #cac5f7);
|
||||||
padding: 24px;
|
padding: 24px;
|
||||||
border-radius: 14px;
|
border-radius: 14px;
|
||||||
margin: 20px;
|
margin: 20px;
|
||||||
|
|
|
||||||
|
|
@ -603,6 +603,10 @@ async function submitForm() {
|
||||||
stepNumber.style.color = 'white';
|
stepNumber.style.color = 'white';
|
||||||
});
|
});
|
||||||
nextStep(6);
|
nextStep(6);
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
window.location.href = '/client/login';
|
||||||
|
}, 1000);
|
||||||
} else {
|
} else {
|
||||||
// Handle server errors
|
// Handle server errors
|
||||||
if (response.status === 409) {
|
if (response.status === 409) {
|
||||||
|
|
|
||||||
|
|
@ -593,6 +593,9 @@
|
||||||
});
|
});
|
||||||
|
|
||||||
nextStep(5);
|
nextStep(5);
|
||||||
|
setTimeout(() => {
|
||||||
|
window.location.href = '/login';
|
||||||
|
}, 1000);
|
||||||
} else {
|
} else {
|
||||||
// Handle server errors
|
// Handle server errors
|
||||||
alert('There was an error submitting your registration. Please try again.');
|
alert('There was an error submitting your registration. Please try again.');
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,6 @@ async function va_register_client(req, res) {
|
||||||
try {
|
try {
|
||||||
const payload = req.body || {};
|
const payload = req.body || {};
|
||||||
const { userDetails } = payload;
|
const { userDetails } = payload;
|
||||||
|
|
||||||
if (!userDetails || !userDetails.email || !userDetails.name) {
|
if (!userDetails || !userDetails.email || !userDetails.name) {
|
||||||
return res.status(400).json({
|
return res.status(400).json({
|
||||||
success: false,
|
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({
|
return res.status(500).json({
|
||||||
success: false,
|
success: false,
|
||||||
message: "Internal Server Error"
|
message: "Internal Server Error"
|
||||||
|
|
|
||||||
|
|
@ -56,14 +56,14 @@ async function render_reset_form(req, res) {
|
||||||
const { token, userType } = req.query;
|
const { token, userType } = req.query;
|
||||||
|
|
||||||
if (!token || !userType) {
|
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
|
// Validate token
|
||||||
const validation = await passwordResetService.validateResetToken(token, userType);
|
const validation = await passwordResetService.validateResetToken(token, userType);
|
||||||
|
|
||||||
if (!validation.valid) {
|
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
|
// Render reset form with token
|
||||||
|
|
@ -102,7 +102,7 @@ async function process_reset(req, res) {
|
||||||
await passwordResetService.resetPassword(token, password, userType);
|
await passwordResetService.resetPassword(token, password, userType);
|
||||||
|
|
||||||
// Render success page
|
// Render success page
|
||||||
res.render('auth/reset-password-success');
|
res.render('auth/reset-password-success', {userType});
|
||||||
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
logger.error(`PasswordResetController - Process reset error: ${error.message}`);
|
logger.error(`PasswordResetController - Process reset error: ${error.message}`);
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
import bcrypt from "bcrypt";
|
import bcrypt from "bcrypt";
|
||||||
import jwt from "jsonwebtoken";
|
import jwt from "jsonwebtoken";
|
||||||
import { VAModel } from "../../../models/vaModel.js";
|
import { VAModel, LoggedModel } from "../../../models/vaModel.js";
|
||||||
|
|
||||||
// Login VA
|
// Login VA
|
||||||
async function va_login_callback(req, res) {
|
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" });
|
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
|
// Generate JWT accessToken with 24h expiry
|
||||||
const accessToken = jwt.sign(
|
const accessToken = jwt.sign(
|
||||||
{
|
{
|
||||||
|
|
@ -40,7 +70,7 @@ async function va_login_callback(req, res) {
|
||||||
name: user.userDetails.firstName,
|
name: user.userDetails.firstName,
|
||||||
},
|
},
|
||||||
process.env.JWT_SECRET_ACCESS_TOKEN || "DocTrackerSecretKey",
|
process.env.JWT_SECRET_ACCESS_TOKEN || "DocTrackerSecretKey",
|
||||||
{ expiresIn: "24h" }
|
// { expiresIn: "24h" }
|
||||||
);
|
);
|
||||||
|
|
||||||
// Generate JWT refreshToken with 24h expiry
|
// Generate JWT refreshToken with 24h expiry
|
||||||
|
|
@ -51,7 +81,7 @@ async function va_login_callback(req, res) {
|
||||||
name: user.userDetails.firstName,
|
name: user.userDetails.firstName,
|
||||||
},
|
},
|
||||||
process.env.JWT_SECRET_REFRESH_TOKEN || "DocTrackerSecretKeyRefreshToken",
|
process.env.JWT_SECRET_REFRESH_TOKEN || "DocTrackerSecretKeyRefreshToken",
|
||||||
{ expiresIn: "30d" }
|
// { expiresIn: "30d" }
|
||||||
);
|
);
|
||||||
|
|
||||||
await VAModel.updateOne({ "userDetails.email": userDetails.email }, {
|
await VAModel.updateOne({ "userDetails.email": userDetails.email }, {
|
||||||
|
|
@ -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 };
|
export { va_login_callback };
|
||||||
|
|
@ -3,34 +3,138 @@ import { VAModel, LoggedModel } from "../../../models/vaModel.js";
|
||||||
// Getting all active VA's and their details
|
// Getting all active VA's and their details
|
||||||
async function va_callback(req, res) {
|
async function va_callback(req, res) {
|
||||||
try {
|
try {
|
||||||
// Find the latest log entry for each VA and return those whose last entry is LOGIN
|
// Find the latest log entry for each VA
|
||||||
const agg = await LoggedModel.aggregate([
|
const agg = await LoggedModel.aggregate([
|
||||||
{ $sort: { time: -1 } },
|
{ $sort: { time: -1 } },
|
||||||
{ $group: { _id: "$vaId", lastLog: { $first: "$$ROOT" } } },
|
{
|
||||||
{ $match: { "lastLog.loggedType": "LOGIN" } }
|
$group: {
|
||||||
|
_id: "$vaId",
|
||||||
|
lastLog: { $first: "$$ROOT" },
|
||||||
|
totalLogins: {
|
||||||
|
$sum: {
|
||||||
|
$cond: [{ $eq: ["$loggedType", "LOGIN"] }, 1, 0]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
lastActivity: { $first: "$time" }
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
$match: {
|
||||||
|
"lastLog.loggedType": "LOGIN"
|
||||||
|
}
|
||||||
|
}
|
||||||
]);
|
]);
|
||||||
|
|
||||||
const vaIds = agg.map((a) => a._id).filter(Boolean);
|
const vaIds = agg.map((a) => a._id).filter(Boolean);
|
||||||
|
|
||||||
if (vaIds.length === 0) {
|
if (vaIds.length === 0) {
|
||||||
return res.status(200).json({ success: true, count: 0, data: [] });
|
return res.status(200).json({
|
||||||
|
success: true,
|
||||||
|
count: 0,
|
||||||
|
data: [],
|
||||||
|
message: "No active VAs found"
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Get VA details with additional fields
|
||||||
|
const vas = await VAModel.find({ _id: { $in: vaIds } })
|
||||||
|
.select('userDetails.name userDetails.email userDetails.phone status createdAt')
|
||||||
|
.lean()
|
||||||
|
.exec();
|
||||||
|
|
||||||
|
// Create mapping for last log and activity data
|
||||||
const vas = await VAModel.find({ _id: { $in: vaIds } }).lean().exec();
|
const activityByVa = agg.reduce((acc, a) => {
|
||||||
|
acc[String(a._id)] = {
|
||||||
// map lastLog by VA id for easy attachment
|
lastLog: a.lastLog,
|
||||||
const lastLogByVa = agg.reduce((acc, a) => {
|
totalLogins: a.totalLogins,
|
||||||
acc[String(a._id)] = a.lastLog;
|
lastActivity: a.lastActivity
|
||||||
|
};
|
||||||
return acc;
|
return acc;
|
||||||
}, {});
|
}, {});
|
||||||
|
|
||||||
const results = vas.map((v) => ({ ...v, lastLog: lastLogByVa[String(v._id)] || null }));
|
// Calculate session duration for currently active VAs
|
||||||
|
const currentTime = new Date();
|
||||||
|
const results = vas.map((v) => {
|
||||||
|
const activity = activityByVa[String(v._id)] || {};
|
||||||
|
const lastLog = activity.lastLog;
|
||||||
|
|
||||||
|
// Calculate current session duration if still logged in
|
||||||
|
let currentSessionDuration = null;
|
||||||
|
let isCurrentlyActive = false;
|
||||||
|
|
||||||
|
if (lastLog && lastLog.loggedType === "LOGIN") {
|
||||||
|
const loginTime = new Date(lastLog.time);
|
||||||
|
currentSessionDuration = Math.floor((currentTime - loginTime) / 1000); // in seconds
|
||||||
|
isCurrentlyActive = true;
|
||||||
|
|
||||||
|
// Consider VA inactive if last login was more than 24 hours ago
|
||||||
|
const hoursSinceLastActivity = (currentTime - loginTime) / (1000 * 60 * 60);
|
||||||
|
if (hoursSinceLastActivity > 24) {
|
||||||
|
isCurrentlyActive = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
id: v._id,
|
||||||
|
name: v.userDetails?.name || 'Unknown',
|
||||||
|
email: v.userDetails?.email,
|
||||||
|
phone: v.userDetails?.phone,
|
||||||
|
status: v.status || 'active',
|
||||||
|
isCurrentlyActive: isCurrentlyActive,
|
||||||
|
lastLoginTime: lastLog?.time || null,
|
||||||
|
lastActivity: activity.lastActivity,
|
||||||
|
currentSessionDuration: currentSessionDuration,
|
||||||
|
currentSessionFormatted: currentSessionDuration ? formatTime(currentSessionDuration) : null,
|
||||||
|
totalLogins: activity.totalLogins || 0,
|
||||||
|
lastProject: lastLog?.projectId || null,
|
||||||
|
vaSince: v.createdAt
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
// Separate active and inactive VAs
|
||||||
|
const activeVAs = results.filter(va => va.isCurrentlyActive);
|
||||||
|
const inactiveButLoggedIn = results.filter(va => !va.isCurrentlyActive);
|
||||||
|
|
||||||
|
return res.status(200).json({
|
||||||
|
success: true,
|
||||||
|
count: {
|
||||||
|
total: results.length,
|
||||||
|
active: activeVAs.length,
|
||||||
|
inactive: inactiveButLoggedIn.length
|
||||||
|
},
|
||||||
|
data: {
|
||||||
|
active: activeVAs,
|
||||||
|
inactive: inactiveButLoggedIn
|
||||||
|
},
|
||||||
|
summary: {
|
||||||
|
currentlyWorking: activeVAs.length,
|
||||||
|
totalLoggedIn: results.length,
|
||||||
|
lastUpdated: currentTime.toISOString()
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
return res.status(200).json({ success: true, count: results.length, data: results });
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
return res.status(500).send("Internal Server Error");
|
console.error("VA callback error:", error);
|
||||||
|
return res.status(500).json({
|
||||||
|
success: false,
|
||||||
|
message: "Internal Server Error",
|
||||||
|
error: error.message
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Helper function to format time
|
||||||
|
function formatTime(seconds) {
|
||||||
|
const hours = Math.floor(seconds / 3600);
|
||||||
|
const minutes = Math.floor((seconds % 3600) / 60);
|
||||||
|
const remainingSeconds = seconds % 60;
|
||||||
|
|
||||||
|
if (hours > 0) {
|
||||||
|
return `${hours}h ${minutes}m ${remainingSeconds}s`;
|
||||||
|
} else if (minutes > 0) {
|
||||||
|
return `${minutes}m ${remainingSeconds}s`;
|
||||||
|
} else {
|
||||||
|
return `${remainingSeconds}s`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -4,8 +4,7 @@ import { WorkTrackModel, VAModel, ProjectModel, LoggedModel } from "../../../mod
|
||||||
// Getting logged hours in a specific project of VA
|
// Getting logged hours in a specific project of VA
|
||||||
async function va_log_track_work_callback(req, res) {
|
async function va_log_track_work_callback(req, res) {
|
||||||
try {
|
try {
|
||||||
const accessToken = req.headers.token;
|
const accessToken = req.headers.token;
|
||||||
|
|
||||||
if (!accessToken) {
|
if (!accessToken) {
|
||||||
return res.status(401).json({ success: false, message: "Missing token" });
|
return res.status(401).json({ success: false, message: "Missing token" });
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,24 @@
|
||||||
import jwt from "jsonwebtoken";
|
import jwt from "jsonwebtoken";
|
||||||
import { VAModel, ProjectModel, LoggedModel } from "../../../models/vaModel.js";
|
import { VAModel, ProjectModel, LoggedModel } from "../../../models/vaModel.js";
|
||||||
|
|
||||||
|
// Helper function to parse date string in DD-MM-YYYY format
|
||||||
|
function parseDate(dateString) {
|
||||||
|
if (!dateString) return null;
|
||||||
|
|
||||||
|
const parts = dateString.split('-');
|
||||||
|
if (parts.length !== 3) return null;
|
||||||
|
|
||||||
|
const day = parseInt(parts[0], 10);
|
||||||
|
const month = parseInt(parts[1], 10) - 1; // Months are 0-indexed in JavaScript
|
||||||
|
const year = parseInt(parts[2], 10);
|
||||||
|
|
||||||
|
// Validate date components
|
||||||
|
if (isNaN(day) || isNaN(month) || isNaN(year)) return null;
|
||||||
|
if (day < 1 || day > 31 || month < 0 || month > 11 || year < 1900) return null;
|
||||||
|
|
||||||
|
return new Date(year, month, day);
|
||||||
|
}
|
||||||
|
|
||||||
// Getting logged hours in a specific project of VA
|
// Getting logged hours in a specific project of VA
|
||||||
async function va_log_work_report_callback(req, res) {
|
async function va_log_work_report_callback(req, res) {
|
||||||
try {
|
try {
|
||||||
|
|
@ -27,15 +45,27 @@ async function va_log_work_report_callback(req, res) {
|
||||||
const payload = req.body || {};
|
const payload = req.body || {};
|
||||||
const { fromDate, toDate } = payload;
|
const { fromDate, toDate } = payload;
|
||||||
|
|
||||||
const start = fromDate ? new Date(fromDate) : new Date();
|
let start = fromDate ? parseDate(fromDate) : new Date();
|
||||||
const end = toDate ? new Date(toDate) : new Date();
|
let end = toDate ? parseDate(toDate) : new Date();
|
||||||
|
|
||||||
if (!fromDate && !toDate) {
|
if ((fromDate && (!start || isNaN(start.getTime()))) || (toDate && (!end || isNaN(end.getTime())))) {
|
||||||
start.setHours(0, 0, 0, 0);
|
return res.status(400).json({
|
||||||
end.setHours(23, 59, 59, 999);
|
success: false,
|
||||||
|
message: "Invalid Date format. Use DD-MM-YYYY"
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
const logs = await LoggedModel.find({
|
if (!fromDate && !toDate) {
|
||||||
|
// If no dates provided, default to today
|
||||||
|
start.setHours(0, 0, 0, 0);
|
||||||
|
end.setHours(23, 59, 59, 999);
|
||||||
|
} else {
|
||||||
|
// If dates are provided, set proper time boundaries
|
||||||
|
if (fromDate) start.setHours(0, 0, 0, 0);
|
||||||
|
if (toDate) end.setHours(23, 59, 59, 999);
|
||||||
|
}
|
||||||
|
|
||||||
|
let logs = await LoggedModel.find({
|
||||||
vaId,
|
vaId,
|
||||||
time: { $gte: start, $lte: end },
|
time: { $gte: start, $lte: end },
|
||||||
})
|
})
|
||||||
|
|
@ -58,6 +88,13 @@ async function va_log_work_report_callback(req, res) {
|
||||||
let lastLogin = null;
|
let lastLogin = null;
|
||||||
let lastProjectId = null;
|
let lastProjectId = null;
|
||||||
|
|
||||||
|
const hasAdjustmentLogs = logs.some(log => log.isAdjustment === true);
|
||||||
|
|
||||||
|
if(hasAdjustmentLogs) {
|
||||||
|
logs = logs.filter(log => log.isAdjustment === true);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
// ⏱️ Calculate work duration
|
// ⏱️ Calculate work duration
|
||||||
for (const log of logs) {
|
for (const log of logs) {
|
||||||
const time = new Date(log.time);
|
const time = new Date(log.time);
|
||||||
|
|
@ -109,6 +146,7 @@ async function va_log_work_report_callback(req, res) {
|
||||||
});
|
});
|
||||||
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
|
console.log(error)
|
||||||
return res.status(500).send("Internal Server Error");
|
return res.status(500).send("Internal Server Error");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,151 +0,0 @@
|
||||||
import jwt from "jsonwebtoken";
|
|
||||||
import { VAModel, ProjectModel, LoggedModel } from "../../../models/vaModel.js";
|
|
||||||
|
|
||||||
// Adjust missing hours by creating new records
|
|
||||||
async function va_timesheet_adjustment_function(req, res) {
|
|
||||||
try {
|
|
||||||
const accessToken = req.headers.token;
|
|
||||||
|
|
||||||
if (!accessToken) {
|
|
||||||
return res.status(401).json({ success: false, message: "Missing token" });
|
|
||||||
}
|
|
||||||
|
|
||||||
const decoded = jwt.verify(accessToken, process.env.JWT_SECRET_ACCESS_TOKEN);
|
|
||||||
if (!decoded || !decoded.email) {
|
|
||||||
return res.status(401).json({ success: false, message: "Invalid token" });
|
|
||||||
}
|
|
||||||
|
|
||||||
const vaEmail = decoded.email;
|
|
||||||
const vaUser = await VAModel.findOne({ "userDetails.email": vaEmail });
|
|
||||||
if (!vaUser) {
|
|
||||||
return res.status(404).json({ success: false, message: "VA not found" });
|
|
||||||
}
|
|
||||||
|
|
||||||
const vaId = vaUser._id;
|
|
||||||
const { projectId, date } = req.params;
|
|
||||||
const { loginTime, logoutTime, reason } = req.body;
|
|
||||||
|
|
||||||
if (!projectId || !date) {
|
|
||||||
return res.status(400).json({ success: false, message: "Project ID and date are required" });
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!loginTime || !logoutTime) {
|
|
||||||
return res.status(400).json({ success: false, message: "Login time and logout time are required" });
|
|
||||||
}
|
|
||||||
|
|
||||||
// Validate project exists and VA is assigned to it
|
|
||||||
const project = await ProjectModel.findOne({
|
|
||||||
_id: projectId,
|
|
||||||
vaAssigned: vaId
|
|
||||||
});
|
|
||||||
|
|
||||||
if (!project) {
|
|
||||||
return res.status(404).json({ success: false, message: "Project not found or VA not assigned to this project" });
|
|
||||||
}
|
|
||||||
|
|
||||||
// Parse and validate times
|
|
||||||
const adjustmentDate = new Date(date);
|
|
||||||
const loginDateTime = new Date(loginTime);
|
|
||||||
const logoutDateTime = new Date(logoutTime);
|
|
||||||
|
|
||||||
// Ensure times are within the target date
|
|
||||||
const startOfDay = new Date(adjustmentDate);
|
|
||||||
startOfDay.setHours(0, 0, 0, 0);
|
|
||||||
|
|
||||||
const endOfDay = new Date(adjustmentDate);
|
|
||||||
endOfDay.setHours(23, 59, 59, 999);
|
|
||||||
|
|
||||||
if (loginDateTime < startOfDay || loginDateTime > endOfDay ||
|
|
||||||
logoutDateTime < startOfDay || logoutDateTime > endOfDay) {
|
|
||||||
return res.status(400).json({
|
|
||||||
success: false,
|
|
||||||
message: "Login and logout times must be within the specified date"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
if (loginDateTime >= logoutDateTime) {
|
|
||||||
return res.status(400).json({
|
|
||||||
success: false,
|
|
||||||
message: "Login time must be before logout time"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Check for existing logs that might conflict with this adjustment
|
|
||||||
const existingLogs = await LoggedModel.find({
|
|
||||||
vaId,
|
|
||||||
projectId,
|
|
||||||
time: {
|
|
||||||
$gte: loginDateTime,
|
|
||||||
$lte: logoutDateTime
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
if (existingLogs.length > 0) {
|
|
||||||
return res.status(400).json({
|
|
||||||
success: false,
|
|
||||||
message: "There are existing logs in the specified time range. Please choose a different time range."
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Create adjustment logs
|
|
||||||
const loginLog = new LoggedModel({
|
|
||||||
loggedType: "LOGIN",
|
|
||||||
time: loginDateTime,
|
|
||||||
vaId,
|
|
||||||
vaEmail,
|
|
||||||
projectId,
|
|
||||||
isAdjustment: true,
|
|
||||||
adjustmentReason: reason
|
|
||||||
});
|
|
||||||
|
|
||||||
const logoutLog = new LoggedModel({
|
|
||||||
loggedType: "LOGOUT",
|
|
||||||
time: logoutDateTime,
|
|
||||||
vaId,
|
|
||||||
vaEmail,
|
|
||||||
projectId,
|
|
||||||
isAdjustment: true,
|
|
||||||
adjustmentReason: reason
|
|
||||||
});
|
|
||||||
|
|
||||||
// Save both logs in transaction
|
|
||||||
await loginLog.save();
|
|
||||||
await logoutLog.save();
|
|
||||||
|
|
||||||
// Calculate adjusted hours
|
|
||||||
const adjustedSeconds = (logoutDateTime - loginDateTime) / 1000;
|
|
||||||
const formatTime = (seconds) => {
|
|
||||||
const h = Math.floor(seconds / 3600);
|
|
||||||
const m = Math.floor((seconds % 3600) / 60);
|
|
||||||
const s = Math.floor(seconds % 60);
|
|
||||||
return `${h.toString().padStart(2, "0")}:${m.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}`;
|
|
||||||
};
|
|
||||||
|
|
||||||
const response = {
|
|
||||||
success: true,
|
|
||||||
message: "Timesheet adjustment completed successfully",
|
|
||||||
data: {
|
|
||||||
adjustment: {
|
|
||||||
date: adjustmentDate.toISOString().split('T')[0],
|
|
||||||
loginTime: loginDateTime.toISOString(),
|
|
||||||
logoutTime: logoutDateTime.toISOString(),
|
|
||||||
adjustedHours: formatTime(adjustedSeconds),
|
|
||||||
adjustedHoursDecimal: (adjustedSeconds / 3600).toFixed(2),
|
|
||||||
reason: reason
|
|
||||||
},
|
|
||||||
logs: {
|
|
||||||
loginLogId: loginLog._id,
|
|
||||||
logoutLogId: logoutLog._id
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
return res.status(201).json(response);
|
|
||||||
|
|
||||||
} catch (error) {
|
|
||||||
console.error("Timesheet adjustment error:", error);
|
|
||||||
return res.status(500).json({ success: false, message: "Internal Server Error" });
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export { va_timesheet_adjustment_function };
|
|
||||||
|
|
@ -34,7 +34,7 @@ async function va_profile_callback(req, res) {
|
||||||
return res.status(200).json({
|
return res.status(200).json({
|
||||||
success: true,
|
success: true,
|
||||||
message: "VA profile",
|
message: "VA profile",
|
||||||
data: vaUser
|
data: vaUser.userDetails
|
||||||
});
|
});
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
return res.status(500).json({ success: false, message: "Internal Server Error" });
|
return res.status(500).json({ success: false, message: "Internal Server Error" });
|
||||||
|
|
|
||||||
|
|
@ -29,23 +29,23 @@ async function va_profile_update_callback(req, res) {
|
||||||
|
|
||||||
const payload = req.body || {};
|
const payload = req.body || {};
|
||||||
const { userDetails } = payload;
|
const { userDetails } = payload;
|
||||||
|
|
||||||
if (!userDetails) {
|
if (!userDetails) {
|
||||||
return res.status(400).json({ success: false, message: "Missing userDetails" });
|
return res.status(400).json({ success: false, message: "Missing userDetails" });
|
||||||
}
|
}
|
||||||
|
|
||||||
// Allowed fields to update
|
// Allowed fields to update
|
||||||
const allowedFields = [
|
// const allowedFields = [
|
||||||
"firstName", "lastName", "dob", "age", "address",
|
// "firstName", "lastName", "dob", "age", "address",
|
||||||
"bankName", "accountHolderName", "accountNumber", "routingNumber"
|
// "bankName", "accountHolderName", "accountNumber", "routingNumber"
|
||||||
];
|
// ];
|
||||||
|
|
||||||
// Update allowed fields only
|
// // Update allowed fields only
|
||||||
allowedFields.forEach(field => {
|
// allowedFields.forEach(field => {
|
||||||
if (userDetails[field] !== undefined) {
|
// if (userDetails[field] !== undefined) {
|
||||||
vaUser.userDetails[field] = userDetails[field];
|
// vaUser.userDetails[field] = userDetails[field];
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
|
|
||||||
/* ---------------------- PASSWORD UPDATE ---------------------- */
|
/* ---------------------- PASSWORD UPDATE ---------------------- */
|
||||||
if (userDetails.password || userDetails.cPassword || userDetails.oldPassword) {
|
if (userDetails.password || userDetails.cPassword || userDetails.oldPassword) {
|
||||||
|
|
@ -78,28 +78,13 @@ async function va_profile_update_callback(req, res) {
|
||||||
const saltRounds = 10;
|
const saltRounds = 10;
|
||||||
const hashedPassword = await bcrypt.hash(password, saltRounds);
|
const hashedPassword = await bcrypt.hash(password, saltRounds);
|
||||||
vaUser.userDetails.password = hashedPassword;
|
vaUser.userDetails.password = hashedPassword;
|
||||||
|
} else {
|
||||||
|
return res.status(400).json({
|
||||||
|
success: false,
|
||||||
|
message: "Data not found",
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// if (userDetails.password) {
|
|
||||||
// if (!userDetails.cPassword) {
|
|
||||||
// return res.status(400).json({
|
|
||||||
// success: false,
|
|
||||||
// message: "Please confirm your new password",
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
|
|
||||||
// if (userDetails.password !== userDetails.cPassword) {
|
|
||||||
// return res.status(400).json({
|
|
||||||
// success: false,
|
|
||||||
// message: "Passwords do not match",
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
|
|
||||||
// const saltRounds = 10;
|
|
||||||
// const hashedPassword = await bcrypt.hash(userDetails.password, saltRounds);
|
|
||||||
// vaUser.userDetails.password = hashedPassword;
|
|
||||||
// }
|
|
||||||
|
|
||||||
await vaUser.save();
|
await vaUser.save();
|
||||||
|
|
||||||
const updatedUser = await VAModel.findById(vaUser._id)
|
const updatedUser = await VAModel.findById(vaUser._id)
|
||||||
|
|
|
||||||
|
|
@ -47,7 +47,37 @@ async function va_register(req, res) {
|
||||||
|
|
||||||
const created = await VAModel.create(toCreate);
|
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) {
|
} catch (error) {
|
||||||
console.error("va_register error:", error);
|
console.error("va_register error:", error);
|
||||||
return res.status(500).json({ success: false, message: "Internal Server Error" });
|
return res.status(500).json({ success: false, message: "Internal Server Error" });
|
||||||
|
|
|
||||||
|
|
@ -52,7 +52,6 @@ async function va_projects_log_list_function(req, res) {
|
||||||
|
|
||||||
projectList = [project];
|
projectList = [project];
|
||||||
} else {
|
} else {
|
||||||
|
|
||||||
const all = await ProjectModel.find().lean();
|
const all = await ProjectModel.find().lean();
|
||||||
console.log(all.map(p => p.vaAssigned));
|
console.log(all.map(p => p.vaAssigned));
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,4 @@
|
||||||
|
import jwt from "jsonwebtoken";
|
||||||
import { LoggedModel, WorkTrackModel, VAModel } from "../../../models/vaModel.js";
|
import { LoggedModel, WorkTrackModel, VAModel } from "../../../models/vaModel.js";
|
||||||
|
|
||||||
function formatHMS(ms) {
|
function formatHMS(ms) {
|
||||||
|
|
@ -10,6 +11,23 @@ function formatHMS(ms) {
|
||||||
|
|
||||||
async function va_projects_report_function(req, res) {
|
async function va_projects_report_function(req, res) {
|
||||||
try {
|
try {
|
||||||
|
const accessToken = req.headers.token;
|
||||||
|
if (!accessToken) {
|
||||||
|
return res.status(401).json({ success: false, message: "Missing token" });
|
||||||
|
}
|
||||||
|
|
||||||
|
const decoded = jwt.verify(accessToken, process.env.JWT_SECRET_ACCESS_TOKEN);
|
||||||
|
if (!decoded || !decoded.email) {
|
||||||
|
return res.status(401).json({ success: false, message: "Invalid token" });
|
||||||
|
}
|
||||||
|
|
||||||
|
const vaEmail = decoded.email;
|
||||||
|
const vaUser = await VAModel.findOne({ "userDetails.email": vaEmail });
|
||||||
|
if (!vaUser) {
|
||||||
|
return res.status(404).json({ success: false, message: "VA not found" });
|
||||||
|
}
|
||||||
|
|
||||||
|
const vaId = vaUser._id;
|
||||||
const { projectId, from, to } = req.params;
|
const { projectId, from, to } = req.params;
|
||||||
|
|
||||||
if (!projectId) {
|
if (!projectId) {
|
||||||
|
|
@ -25,6 +43,7 @@ async function va_projects_report_function(req, res) {
|
||||||
// Get all VA login/logout logs for this project in range
|
// Get all VA login/logout logs for this project in range
|
||||||
const logs = await LoggedModel.find({
|
const logs = await LoggedModel.find({
|
||||||
projectId,
|
projectId,
|
||||||
|
vaId,
|
||||||
time: { $gte: fromDate, $lte: toDate }
|
time: { $gte: fromDate, $lte: toDate }
|
||||||
}).sort({ time: 1 }).lean();
|
}).sort({ time: 1 }).lean();
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,71 @@
|
||||||
|
import { AdjustedHoursModel } from "../../../models/vaModel.js";
|
||||||
|
|
||||||
|
// Get all adjustment requests (with filtering options)
|
||||||
|
async function get_adjustment_requests_list(req, res) {
|
||||||
|
try {
|
||||||
|
const { status, projectId, vaId } = req.params;
|
||||||
|
|
||||||
|
// Build filter object
|
||||||
|
const filter = {};
|
||||||
|
if (status) filter.status = status;
|
||||||
|
if (projectId) filter.projectId = projectId;
|
||||||
|
if (vaId) filter.vaId = vaId;
|
||||||
|
|
||||||
|
const adjustments = await AdjustedHoursModel.find(filter)
|
||||||
|
.sort({ createdAt: -1 })
|
||||||
|
.populate('vaId', 'userDetails.name userDetails.email')
|
||||||
|
.populate('projectId', 'name')
|
||||||
|
.lean();
|
||||||
|
|
||||||
|
// Format response
|
||||||
|
const formattedData = adjustments.map(adj => ({
|
||||||
|
id: adj._id,
|
||||||
|
va: {
|
||||||
|
id: adj.vaId._id,
|
||||||
|
name: adj.vaId.userDetails?.name,
|
||||||
|
email: adj.vaId.userDetails?.email
|
||||||
|
},
|
||||||
|
project: {
|
||||||
|
id: adj.projectId._id,
|
||||||
|
name: adj.projectId.name
|
||||||
|
},
|
||||||
|
date: adj.date,
|
||||||
|
loginTime: adj.loginTime,
|
||||||
|
logoutTime: adj.logoutTime,
|
||||||
|
comment: adj.comment,
|
||||||
|
status: adj.status,
|
||||||
|
requestedAt: adj.createdAt,
|
||||||
|
reviewedAt: adj.reviewedAt,
|
||||||
|
rejectionReason: adj.rejectionReason,
|
||||||
|
adjustedHours: formatTime((new Date(adj.logoutTime) - new Date(adj.loginTime)) / 1000)
|
||||||
|
}));
|
||||||
|
|
||||||
|
return res.status(200).json({
|
||||||
|
success: true,
|
||||||
|
data: formattedData,
|
||||||
|
pagination: {
|
||||||
|
currentPage: adjustments.page,
|
||||||
|
totalPages: adjustments.totalPages,
|
||||||
|
totalItems: adjustments.totalDocs,
|
||||||
|
hasNext: adjustments.hasNextPage,
|
||||||
|
hasPrev: adjustments.hasPrevPage
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Get adjustment requests error:", error);
|
||||||
|
return res.status(500).json({
|
||||||
|
success: false,
|
||||||
|
message: "Internal Server Error"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function formatTime(seconds) {
|
||||||
|
const h = Math.floor(seconds / 3600);
|
||||||
|
const m = Math.floor((seconds % 3600) / 60);
|
||||||
|
const s = Math.floor(seconds % 60);
|
||||||
|
return `${h}h ${m}m ${s}s`;
|
||||||
|
}
|
||||||
|
|
||||||
|
export { get_adjustment_requests_list }
|
||||||
|
|
@ -0,0 +1,122 @@
|
||||||
|
import { AdjustedHoursModel, LoggedModel } from "../../../models/vaModel.js";
|
||||||
|
|
||||||
|
// Approve or reject adjustment request
|
||||||
|
async function va_timesheet_manage_adjustment_request(req, res) {
|
||||||
|
try {
|
||||||
|
const { adjustmentId } = req.params;
|
||||||
|
const { action, rejectionReason } = req.body; // action: "approve" or "reject"
|
||||||
|
|
||||||
|
if (!adjustmentId || !action) {
|
||||||
|
return res.status(400).json({
|
||||||
|
success: false,
|
||||||
|
message: "Adjustment ID and action are required"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Find adjustment request
|
||||||
|
const adjustment = await AdjustedHoursModel.findById(adjustmentId)
|
||||||
|
.populate('vaId', 'userDetails.email');
|
||||||
|
|
||||||
|
if (!adjustment) {
|
||||||
|
return res.status(404).json({
|
||||||
|
success: false,
|
||||||
|
message: "Adjustment request not found"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (adjustment.status !== "PENDING") {
|
||||||
|
return res.status(400).json({
|
||||||
|
success: false,
|
||||||
|
message: "Adjustment request has already been processed"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (action === "approve") {
|
||||||
|
// Create new log entries in LoggedModel
|
||||||
|
const loginLog = new LoggedModel({
|
||||||
|
loggedType: "LOGIN",
|
||||||
|
time: adjustment.loginTime,
|
||||||
|
vaId: adjustment.vaId._id,
|
||||||
|
vaEmail: adjustment.vaId.userDetails.email,
|
||||||
|
projectId: adjustment.projectId,
|
||||||
|
isAdjustment: true,
|
||||||
|
adjustmentId: adjustment._id
|
||||||
|
});
|
||||||
|
|
||||||
|
const logoutLog = new LoggedModel({
|
||||||
|
loggedType: "LOGOUT",
|
||||||
|
time: adjustment.logoutTime,
|
||||||
|
vaId: adjustment.vaId._id,
|
||||||
|
vaEmail: adjustment.vaId.userDetails.email,
|
||||||
|
projectId: adjustment.projectId,
|
||||||
|
isAdjustment: true,
|
||||||
|
adjustmentId: adjustment._id
|
||||||
|
});
|
||||||
|
|
||||||
|
await loginLog.save();
|
||||||
|
await logoutLog.save();
|
||||||
|
|
||||||
|
// Update adjustment record
|
||||||
|
adjustment.status = "APPROVED";
|
||||||
|
adjustment.reviewedAt = new Date();
|
||||||
|
adjustment.adjustedLogs = [
|
||||||
|
{ loginLogId: loginLog._id },
|
||||||
|
{ logoutLogId: logoutLog._id }
|
||||||
|
];
|
||||||
|
|
||||||
|
await adjustment.save();
|
||||||
|
|
||||||
|
return res.status(200).json({
|
||||||
|
success: true,
|
||||||
|
message: "Adjustment request approved successfully",
|
||||||
|
data: {
|
||||||
|
adjustmentId: adjustment._id,
|
||||||
|
status: "APPROVED",
|
||||||
|
loginLogId: loginLog._id,
|
||||||
|
logoutLogId: logoutLog._id,
|
||||||
|
adjustedHours: formatTime((adjustment.logoutTime - adjustment.loginTime) / 1000)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
} else if (action === "reject") {
|
||||||
|
// Update adjustment record as rejected
|
||||||
|
adjustment.status = "REJECTED";
|
||||||
|
adjustment.reviewedAt = new Date();
|
||||||
|
adjustment.rejectionReason = rejectionReason || "No reason provided";
|
||||||
|
|
||||||
|
await adjustment.save();
|
||||||
|
|
||||||
|
return res.status(200).json({
|
||||||
|
success: true,
|
||||||
|
message: "Adjustment request rejected",
|
||||||
|
data: {
|
||||||
|
adjustmentId: adjustment._id,
|
||||||
|
status: "REJECTED",
|
||||||
|
rejectionReason: adjustment.rejectionReason
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
} else {
|
||||||
|
return res.status(400).json({
|
||||||
|
success: false,
|
||||||
|
message: "Invalid action. Use 'approve' or 'reject'"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Manage adjustment error:", error);
|
||||||
|
return res.status(500).json({
|
||||||
|
success: false,
|
||||||
|
message: "Internal Server Error"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function formatTime(seconds) {
|
||||||
|
const h = Math.floor(seconds / 3600);
|
||||||
|
const m = Math.floor((seconds % 3600) / 60);
|
||||||
|
const s = Math.floor(seconds % 60);
|
||||||
|
return `${h}h ${m}m ${s}s`;
|
||||||
|
}
|
||||||
|
|
||||||
|
export { va_timesheet_manage_adjustment_request }
|
||||||
|
|
@ -0,0 +1,159 @@
|
||||||
|
import jwt from "jsonwebtoken";
|
||||||
|
import { VAModel, ProjectModel, AdjustedHoursModel } from "../../../models/vaModel.js";
|
||||||
|
|
||||||
|
// Adjust missing hours by creating new records
|
||||||
|
async function va_timesheet_adjustment_function(req, res) {
|
||||||
|
try {
|
||||||
|
const accessToken = req.headers.token;
|
||||||
|
|
||||||
|
if (!accessToken) {
|
||||||
|
return res.status(401).json({ success: false, message: "Missing token" });
|
||||||
|
}
|
||||||
|
|
||||||
|
const decoded = jwt.verify(accessToken, process.env.JWT_SECRET_ACCESS_TOKEN);
|
||||||
|
if (!decoded || !decoded.email) {
|
||||||
|
return res.status(401).json({ success: false, message: "Invalid token" });
|
||||||
|
}
|
||||||
|
|
||||||
|
const vaEmail = decoded.email;
|
||||||
|
const vaUser = await VAModel.findOne({ "userDetails.email": vaEmail });
|
||||||
|
if (!vaUser) {
|
||||||
|
return res.status(404).json({ success: false, message: "VA not found" });
|
||||||
|
}
|
||||||
|
|
||||||
|
const vaId = vaUser._id;
|
||||||
|
const { projectId, date, loginTime, logoutTime, comment } = req.body;
|
||||||
|
|
||||||
|
if (!projectId || !date || !loginTime || !logoutTime || !comment) {
|
||||||
|
return res.status(400).json({
|
||||||
|
success: false,
|
||||||
|
message: "Project ID, date, loginTime, logoutTime, and comment are required"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Validate project exists and VA is assigned to it
|
||||||
|
const project = await ProjectModel.findOne({
|
||||||
|
_id: projectId,
|
||||||
|
vaAssigned: vaId
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!project) {
|
||||||
|
return res.status(404).json({ success: false, message: "Project not found or VA not assigned to this project" });
|
||||||
|
}
|
||||||
|
|
||||||
|
let adjustmentDate;
|
||||||
|
try {
|
||||||
|
adjustmentDate = new Date(date);
|
||||||
|
if (isNaN(adjustmentDate.getTime())) {
|
||||||
|
return res.status(400).json({
|
||||||
|
success: false,
|
||||||
|
message: "Invalid date format. Use YYYY-MM-DD"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
return res.status(400).json({
|
||||||
|
success: false,
|
||||||
|
message: "Invalid date format"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const combineDateTime = (dateObj, timeStr) => {
|
||||||
|
const [hours, minutes, seconds] = timeStr.split(':').map(Number);
|
||||||
|
|
||||||
|
// Extract date components from the Date object
|
||||||
|
const year = dateObj.getFullYear();
|
||||||
|
const month = dateObj.getMonth();
|
||||||
|
const day = dateObj.getDate();
|
||||||
|
|
||||||
|
// Create UTC date directly
|
||||||
|
return new Date(Date.UTC(year, month, day, hours, minutes, seconds));
|
||||||
|
};
|
||||||
|
|
||||||
|
const loginDateTime = combineDateTime(adjustmentDate, loginTime);
|
||||||
|
const logoutDateTime = combineDateTime(adjustmentDate, logoutTime);
|
||||||
|
|
||||||
|
if (isNaN(adjustmentDate.getTime()) || isNaN(loginDateTime.getTime()) || isNaN(logoutDateTime.getTime())) {
|
||||||
|
return res.status(400).json({
|
||||||
|
success: false,
|
||||||
|
message: "Invalid date format"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Ensure login time is before logout time
|
||||||
|
if (loginDateTime >= logoutDateTime) {
|
||||||
|
return res.status(400).json({
|
||||||
|
success: false,
|
||||||
|
message: "Login time must be before logout time"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Ensure times are within the target date
|
||||||
|
const startOfDay = new Date(adjustmentDate);
|
||||||
|
startOfDay.setHours(0, 0, 0, 0);
|
||||||
|
|
||||||
|
const endOfDay = new Date(adjustmentDate);
|
||||||
|
endOfDay.setHours(23, 59, 59, 999);
|
||||||
|
|
||||||
|
if (loginDateTime < startOfDay || loginDateTime > endOfDay ||
|
||||||
|
logoutDateTime < startOfDay || logoutDateTime > endOfDay) {
|
||||||
|
return res.status(400).json({
|
||||||
|
success: false,
|
||||||
|
message: "Login and logout times must be within the specified date"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const existingAdjustment = await AdjustedHoursModel.findOne({
|
||||||
|
vaId,
|
||||||
|
projectId,
|
||||||
|
date: startOfDay,
|
||||||
|
status: "PENDING"
|
||||||
|
});
|
||||||
|
|
||||||
|
if (existingAdjustment) {
|
||||||
|
return res.status(400).json({
|
||||||
|
success: false,
|
||||||
|
message: "You already have a pending adjustment request for this date and project"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const adjustmentRequest = new AdjustedHoursModel({
|
||||||
|
vaId,
|
||||||
|
projectId,
|
||||||
|
date: startOfDay,
|
||||||
|
loginTime: loginDateTime,
|
||||||
|
logoutTime: logoutDateTime,
|
||||||
|
comment,
|
||||||
|
status: "PENDING"
|
||||||
|
});
|
||||||
|
|
||||||
|
await adjustmentRequest.save();
|
||||||
|
|
||||||
|
const adjustedSeconds = (logoutDateTime - loginDateTime) / 1000;
|
||||||
|
const formatTime = (seconds) => {
|
||||||
|
const h = Math.floor(seconds / 3600);
|
||||||
|
const m = Math.floor((seconds % 3600) / 60);
|
||||||
|
const s = Math.floor(seconds % 60);
|
||||||
|
return `${h}h ${m}m ${s}s`;
|
||||||
|
};
|
||||||
|
|
||||||
|
return res.status(201).json({
|
||||||
|
success: true,
|
||||||
|
message: "Adjustment request submitted successfully",
|
||||||
|
data: {
|
||||||
|
adjustmentId: adjustmentRequest._id,
|
||||||
|
date: adjustmentDate.toISOString().split('T')[0],
|
||||||
|
loginTime: loginDateTime.toISOString(),
|
||||||
|
logoutTime: logoutDateTime.toISOString(),
|
||||||
|
adjustedHours: formatTime(adjustedSeconds),
|
||||||
|
comment: comment,
|
||||||
|
status: "PENDING"
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Timesheet adjustment error:", error);
|
||||||
|
return res.status(500).json({ success: false, message: "Internal Server Error" });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export { va_timesheet_adjustment_function };
|
||||||
|
|
@ -86,7 +86,7 @@ async function va_timesheet_summary_function(req, res) {
|
||||||
if (!firstLoginTime || logTime < firstLoginTime) {
|
if (!firstLoginTime || logTime < firstLoginTime) {
|
||||||
firstLoginTime = logTime;
|
firstLoginTime = logTime;
|
||||||
}
|
}
|
||||||
} else if (log.loggedType === "LOGOUT" && lastLogin) {
|
} else if (log.loggedType === "LOGOUT") {
|
||||||
if (loginStack.length > 0) {
|
if (loginStack.length > 0) {
|
||||||
// Pop the last login from stack
|
// Pop the last login from stack
|
||||||
const lastLogin = loginStack.pop();
|
const lastLogin = loginStack.pop();
|
||||||
|
|
@ -157,7 +157,6 @@ async function va_timesheet_summary_function(req, res) {
|
||||||
const response = {
|
const response = {
|
||||||
success: true,
|
success: true,
|
||||||
data: {
|
data: {
|
||||||
date: targetDate.toISOString().split('T')[0],
|
|
||||||
project: {
|
project: {
|
||||||
id: project._id,
|
id: project._id,
|
||||||
name: project.name,
|
name: project.name,
|
||||||
|
|
@ -171,10 +170,10 @@ async function va_timesheet_summary_function(req, res) {
|
||||||
summary: {
|
summary: {
|
||||||
totalWorkedHours: formatTime(totalWorkSeconds),
|
totalWorkedHours: formatTime(totalWorkSeconds),
|
||||||
totalWorkedHoursDetailed: formatTimeDetailed(totalWorkSeconds),
|
totalWorkedHoursDetailed: formatTimeDetailed(totalWorkSeconds),
|
||||||
totalWorkedHoursDecimal: totalWorkedHours.toFixed(4),
|
totalWorkedHoursDecimal: totalWorkedHours.toFixed(2),
|
||||||
totalWorkedMinutes: (totalWorkSeconds / 60).toFixed(2),
|
totalWorkedMinutes: (totalWorkSeconds / 60).toFixed(2),
|
||||||
dedicatedHours: dedicatedHours,
|
dedicatedHours: dedicatedHours,
|
||||||
pendingHours: pendingHours.toFixed(4),
|
pendingHours: pendingHours.toFixed(2),
|
||||||
firstLoginTime: firstLoginTime ? firstLoginTime.toISOString() : null,
|
firstLoginTime: firstLoginTime ? firstLoginTime.toISOString() : null,
|
||||||
lastLogoutTime: lastLogoutTime ? lastLogoutTime.toISOString() : null
|
lastLogoutTime: lastLogoutTime ? lastLogoutTime.toISOString() : null
|
||||||
},
|
},
|
||||||
|
|
@ -1,34 +1,42 @@
|
||||||
import jwt from "jsonwebtoken";
|
import jwt from "jsonwebtoken";
|
||||||
import { VAModel } from "../models/vaModel.js";
|
import { VAModel, ClientModel } from "../models/vaModel.js";
|
||||||
import logger from "../config/logger.js";
|
import logger from "../config/logger.js";
|
||||||
|
|
||||||
async function authValidator(req, res, next) {
|
async function authValidator(req, res, next) {
|
||||||
try {
|
try {
|
||||||
const accessToken = req.headers.token;
|
const sf_token = req.headers.sf_token;
|
||||||
if (!accessToken) return res.status(401).json({ success: false, message: "Not Authorized" });
|
if (sf_token) {
|
||||||
// return res.status(200).json({
|
next();
|
||||||
// success: true,
|
} else {
|
||||||
// message: "Log Out Successfull",
|
const accessToken = req.headers.token;
|
||||||
// });
|
if (!accessToken) return res.status(401).json({ success: false, message: "Not Authorized" });
|
||||||
const decoded = jwt.verify(accessToken, process.env.JWT_SECRET_ACCESS_TOKEN);
|
|
||||||
|
|
||||||
if (decoded && ("id" in decoded) && decoded.id !== null && ("email" in decoded)) {
|
// return res.status(200).json({
|
||||||
const vaEmail = decoded.email;
|
// success: true,
|
||||||
|
// message: "Log Out Successfull",
|
||||||
|
// });
|
||||||
|
|
||||||
const vaUser = await VAModel.findOne({ "userDetails.email": vaEmail })
|
const decoded = jwt.verify(accessToken, process.env.JWT_SECRET_ACCESS_TOKEN);
|
||||||
if (!vaUser) {
|
|
||||||
return res.status(401).json({ success: false, message: "Not Authorized" });
|
if (decoded && ("id" in decoded) && decoded.id !== null && ("email" in decoded)) {
|
||||||
}
|
const vaEmail = decoded.email;
|
||||||
if (!("accessToken" in vaUser) || !vaUser.accessToken) {
|
|
||||||
return res.status(401).json({ success: false, message: "Not Authorized" });
|
const vaUser = await VAModel.findOne({ "userDetails.email": vaEmail })
|
||||||
}
|
if (!vaUser) {
|
||||||
|
return res.status(401).json({ success: false, message: "Not Authorized" });
|
||||||
|
}
|
||||||
|
if (!("accessToken" in vaUser) || !vaUser.accessToken) {
|
||||||
|
return res.status(401).json({ success: false, message: "Not Authorized" });
|
||||||
|
}
|
||||||
|
|
||||||
|
if (vaUser.accessToken === accessToken) {
|
||||||
|
req.body.vaId = vaUser._id
|
||||||
|
req.body.vaEmail = vaEmail
|
||||||
|
next();
|
||||||
|
} else {
|
||||||
|
return res.status(401).json({ success: false, message: "Not Authorized" });
|
||||||
|
}
|
||||||
|
|
||||||
if (vaUser.accessToken === accessToken) {
|
|
||||||
req.body.vaId = vaUser._id
|
|
||||||
req.body.vaEmail = vaEmail
|
|
||||||
next();
|
|
||||||
} else {
|
|
||||||
return res.status(401).json({ success: false, message: "Not Authorized" });
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -239,6 +239,14 @@ const loggedSchema = new Schema({
|
||||||
projectId: {
|
projectId: {
|
||||||
type: Types.ObjectId,
|
type: Types.ObjectId,
|
||||||
ref: "Project"
|
ref: "Project"
|
||||||
|
},
|
||||||
|
isAdjustment: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
adjustmentId: {
|
||||||
|
type: Types.ObjectId,
|
||||||
|
ref: "AdjustedHours"
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
@ -364,6 +372,57 @@ passwordResetSchema.index({ email: 1, used: 1 });
|
||||||
passwordResetSchema.index({ token: 1, used: 1, expiresAt: 1 });
|
passwordResetSchema.index({ token: 1, used: 1, expiresAt: 1 });
|
||||||
passwordResetSchema.index({ userType: 1, email: 1 });
|
passwordResetSchema.index({ userType: 1, email: 1 });
|
||||||
|
|
||||||
|
|
||||||
|
const adjustedHoursSchema = new Schema({
|
||||||
|
vaId: {
|
||||||
|
type: Types.ObjectId,
|
||||||
|
ref: "VA",
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
projectId: {
|
||||||
|
type: Types.ObjectId,
|
||||||
|
ref: "Project",
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
date: {
|
||||||
|
type: Date,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
loginTime: {
|
||||||
|
type: Date,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
logoutTime: {
|
||||||
|
type: Date,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
comment: {
|
||||||
|
type: String,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
status: {
|
||||||
|
type: String,
|
||||||
|
enum: ["PENDING", "APPROVED", "REJECTED"],
|
||||||
|
default: "PENDING"
|
||||||
|
},
|
||||||
|
reviewedAt: {
|
||||||
|
type: Date
|
||||||
|
},
|
||||||
|
rejectionReason: {
|
||||||
|
type: String // If rejected, store the reason
|
||||||
|
},
|
||||||
|
adjustedLogs: [{
|
||||||
|
loginLogId: {
|
||||||
|
type: Types.ObjectId,
|
||||||
|
ref: "Logged"
|
||||||
|
},
|
||||||
|
logoutLogId: {
|
||||||
|
type: Types.ObjectId,
|
||||||
|
ref: "Logged"
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
}, { timestamps: true });
|
||||||
|
|
||||||
/* ---------------------- Model Exports ---------------------- */
|
/* ---------------------- Model Exports ---------------------- */
|
||||||
const VAModel = model("VA", vaSchema);
|
const VAModel = model("VA", vaSchema);
|
||||||
const ClientModel = model("Client", clientSchema);
|
const ClientModel = model("Client", clientSchema);
|
||||||
|
|
@ -371,5 +430,6 @@ const ProjectModel = model("Project", projectSchema);
|
||||||
const LoggedModel = model("TrackLog", loggedSchema);
|
const LoggedModel = model("TrackLog", loggedSchema);
|
||||||
const WorkTrackModel = model("TrackWork", vaWorkTrackSchema);
|
const WorkTrackModel = model("TrackWork", vaWorkTrackSchema);
|
||||||
const PasswordResetModel = model("PasswordReset", passwordResetSchema);
|
const PasswordResetModel = model("PasswordReset", passwordResetSchema);
|
||||||
|
const AdjustedHoursModel = model("AdjustedHours", adjustedHoursSchema);
|
||||||
|
|
||||||
export { VAModel, ClientModel, ProjectModel, LoggedModel, WorkTrackModel, PasswordResetModel };
|
export { VAModel, ClientModel, ProjectModel, LoggedModel, WorkTrackModel, PasswordResetModel, AdjustedHoursModel };
|
||||||
|
|
@ -18,8 +18,10 @@ import { va_log_work_report_callback } from "../../controllers/va/vaLog/vaLogWor
|
||||||
import { va_projects_report_function } from "../../controllers/va/vaProjects/vaProjectReport.controller.js";
|
import { va_projects_report_function } from "../../controllers/va/vaProjects/vaProjectReport.controller.js";
|
||||||
import { va_projects_log_list_function } from "../../controllers/va/vaProjects/vaProjectLogList.controller.js";
|
import { va_projects_log_list_function } from "../../controllers/va/vaProjects/vaProjectLogList.controller.js";
|
||||||
import { va_request_password_reset } from "../../controllers/passwordReset.controllers.js";
|
import { va_request_password_reset } from "../../controllers/passwordReset.controllers.js";
|
||||||
import { va_timesheet_summary_function } from "../../controllers/va/vaLog/vaTimesheetAdjustmentSummary.controller.js";
|
import { va_timesheet_summary_function } from "../../controllers/va/vaTimesheetAdjustment/vaTimesheetAdjustmentSummary.controller.js";
|
||||||
import { va_timesheet_adjustment_function } from "../../controllers/va/vaLog/vaTimesheetAdjustment.controller.js";
|
import { va_timesheet_adjustment_function } from "../../controllers/va/vaTimesheetAdjustment/vaTimesheetAdjustment.controller.js";
|
||||||
|
import { get_adjustment_requests_list } from "../../controllers/va/vaTimesheetAdjustment/vaAllTimesheetAdjustmentReuqest.controller.js"
|
||||||
|
import { va_timesheet_manage_adjustment_request } from "../../controllers/va/vaTimesheetAdjustment/vaManageTimesheetAdjustment.controller.js"
|
||||||
|
|
||||||
vaRoutes.get("/", va_callback); // VA Callback for getting active VA
|
vaRoutes.get("/", va_callback); // VA Callback for getting active VA
|
||||||
|
|
||||||
|
|
@ -34,11 +36,15 @@ vaRoutes.patch("/profile", authValidator, va_profile_update_callback); // Update
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
vaRoutes.get("/:userName", va_username_callback); // VA Username Callback (NC)
|
vaRoutes.get("/:userName", va_username_callback); // VA Username Callback
|
||||||
|
|
||||||
|
|
||||||
|
// timesheet adjustment routes
|
||||||
vaRoutes.get("/timesheet/summary/:projectId/:date", authValidator, va_timesheet_summary_function); // Get Timesheet Adjustment for VA on specific project and date
|
vaRoutes.get("/timesheet/summary/:projectId/:date", authValidator, va_timesheet_summary_function); // Get Timesheet Adjustment for VA on specific project and date
|
||||||
vaRoutes.post("/timesheet/adjustment/:projectId/:date", authValidator, va_timesheet_adjustment_function); // Get Timesheet Adjustment for VA on specific project and date
|
vaRoutes.post("/timesheet/adjustment/request", authValidator, va_timesheet_adjustment_function); // Timesheet Adjustment for VA
|
||||||
|
vaRoutes.get("/timesheet/adjustments/list/:status?/:projectId?/:vaId?", get_adjustment_requests_list); // show all adjustment list to approve and reject
|
||||||
|
vaRoutes.patch("/timesheet/adjustments/:adjustmentId", va_timesheet_manage_adjustment_request);
|
||||||
|
|
||||||
|
// timesheet adjustment routes
|
||||||
|
|
||||||
// Example: GET /va/search?name=john&email=@example.com&from=2025-01-01&to=2025-01-31 (NC)
|
// Example: GET /va/search?name=john&email=@example.com&from=2025-01-01&to=2025-01-31 (NC)
|
||||||
vaRoutes.get("/search", va_filter_search);
|
vaRoutes.get("/search", va_filter_search);
|
||||||
|
|
|
||||||
285
src/server.js
285
src/server.js
|
|
@ -1,18 +1,22 @@
|
||||||
import dotenv from "dotenv";
|
import dotenv from "dotenv";
|
||||||
dotenv.config()
|
dotenv.config()
|
||||||
|
|
||||||
|
process.env.NODE_TLS_REJECT_UNAUTHORIZED = '0';
|
||||||
|
|
||||||
import express from 'express';
|
import express from 'express';
|
||||||
import { createServer } from 'http';
|
import { createServer } from 'http';
|
||||||
|
import { createServer } from 'http';
|
||||||
|
|
||||||
|
|
||||||
import mongoose from "mongoose";
|
import mongoose from "mongoose";
|
||||||
import bodyParser from "body-parser";
|
import bodyParser from "body-parser";
|
||||||
|
import { Server } from 'socket.io';
|
||||||
|
|
||||||
import { Server } from 'socket.io';
|
import { Server } from 'socket.io';
|
||||||
import cors from 'cors';
|
import cors from 'cors';
|
||||||
import path from 'path';
|
import path from 'path';
|
||||||
import { fileURLToPath } from 'url';
|
import { fileURLToPath } from 'url';
|
||||||
|
import fs from "node:fs"
|
||||||
|
|
||||||
import fs from "node:fs"
|
import fs from "node:fs"
|
||||||
|
|
||||||
|
|
@ -23,6 +27,8 @@ import { render_reset_form } from "./controllers/passwordReset.controllers.js";
|
||||||
|
|
||||||
|
|
||||||
const app = express();
|
const app = express();
|
||||||
|
const server = new createServer(app);
|
||||||
|
const io = new Server(server);
|
||||||
|
|
||||||
const server = new createServer(app);
|
const server = new createServer(app);
|
||||||
const io = new Server(server);
|
const io = new Server(server);
|
||||||
|
|
@ -67,6 +73,285 @@ app.get("/client/forgot-password", (req, res) => {
|
||||||
res.render("forgot_password")
|
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 })
|
||||||
|
})
|
||||||
|
|
||||||
|
// Handling Socket
|
||||||
|
import jwt from "jsonwebtoken";
|
||||||
|
import { VAModel, ProjectModel, ClientModel } from './models/vaModel.js';
|
||||||
|
import { ObjectId } from 'mongodb/lib/bson.js';
|
||||||
|
|
||||||
|
|
||||||
|
const vaSocketRespectToClient = new Map();
|
||||||
|
|
||||||
|
io.use(async (socket, next) => {
|
||||||
|
try {
|
||||||
|
const token = socket.handshake.auth?.token;
|
||||||
|
const projectId = socket.handshake.auth?.projectId;
|
||||||
|
const userType = socket.handshake.auth?.userType;
|
||||||
|
|
||||||
|
console.log("🔐 Received token:", token);
|
||||||
|
|
||||||
|
if (!token) {
|
||||||
|
return next(new Error("Not Authorized: Missing Token"));
|
||||||
|
}
|
||||||
|
|
||||||
|
const decoded = jwt.verify(token, process.env.JWT_SECRET_ACCESS_TOKEN);
|
||||||
|
|
||||||
|
if (!decoded?.email) {
|
||||||
|
return next(new Error("Invalid token payload"));
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------------------- 1⃣ Check if VA ---------------------- */
|
||||||
|
let vaUser = null;
|
||||||
|
let clientData = null;
|
||||||
|
|
||||||
|
if (userType === "va") {
|
||||||
|
vaUser = await VAModel.findOne({ "userDetails.email": decoded.email });
|
||||||
|
clientData = await ProjectModel.findById(projectId).populate("clientId");
|
||||||
|
} else if (userType === "client") {
|
||||||
|
clientData = await ProjectModel.findById(projectId).populate("clientId");
|
||||||
|
}
|
||||||
|
|
||||||
|
if (clientData == null) return next(new Error("Invalid Project ID"));
|
||||||
|
const vaProjClientId = clientData.clientId._id;
|
||||||
|
|
||||||
|
if (vaUser && vaUser.accessToken === token) {
|
||||||
|
socket.data.role = "va";
|
||||||
|
socket.data.vaId = vaUser._id.toString();
|
||||||
|
socket.data.vaEmail = decoded.email;
|
||||||
|
|
||||||
|
const a = vaProjClientId.toString();
|
||||||
|
const b = clientData.clientId._id.toString();
|
||||||
|
const c = JSON.stringify(clientData);
|
||||||
|
|
||||||
|
console.log(a, b, c, "vaProjClientId vs clientData.clientId");
|
||||||
|
|
||||||
|
vaSocketRespectToClient.set(vaProjClientId.toString(), socket.id)
|
||||||
|
|
||||||
|
console.log("✅ Authenticated VA:", vaUser.userDetails.email);
|
||||||
|
return next();
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------------------- 2⃣ Check if Client ---------------------- */
|
||||||
|
// const clientUser = await ClientModel.findOne({ "userDetails.email": decoded.email });
|
||||||
|
|
||||||
|
// if (clientUser) {
|
||||||
|
// socket.data.role = "client";
|
||||||
|
// socket.data.clientId = clientUser._id.toString();
|
||||||
|
|
||||||
|
// // Get all VA IDs assigned to this client
|
||||||
|
// socket.data.allowedVAs = clientUser.vaIds.map((va) => va.toString());
|
||||||
|
|
||||||
|
// console.log("✅ Authenticated Client:", clientUser.userDetails.email);
|
||||||
|
// return next();
|
||||||
|
// }
|
||||||
|
const clientUser = clientData.clientId;
|
||||||
|
|
||||||
|
if (clientUser) {
|
||||||
|
socket.data.role = "client";
|
||||||
|
socket.data.clientId = clientUser._id.toString();
|
||||||
|
|
||||||
|
// Get all VA IDs assigned to this client
|
||||||
|
socket.data.allowedVAs = clientData.vaAssigned.map((va) => va.toString());
|
||||||
|
|
||||||
|
// console.log("✅ Authenticated Client:", clientUser.userDetails.email);
|
||||||
|
return next();
|
||||||
|
}
|
||||||
|
|
||||||
|
return next(new Error("Not Authorized: Invalid User"));
|
||||||
|
} catch (error) {
|
||||||
|
console.error("❌ Socket Auth Error:", error.message);
|
||||||
|
next(new Error("Authentication failed: " + error.message));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
io.on("connection", (socket) => {
|
||||||
|
console.log("User connected:", socket.id);
|
||||||
|
|
||||||
|
// Register role and ID (client or VA)
|
||||||
|
socket.on("register", async ({ role, id }) => {
|
||||||
|
if (role === "va") {
|
||||||
|
socket.data.role = "va";
|
||||||
|
socket.data.vaId = id;
|
||||||
|
console.log(`VA registered: ${id}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (role === "client") {
|
||||||
|
socket.data.role = "client";
|
||||||
|
socket.data.clientId = id;
|
||||||
|
|
||||||
|
// 🧩 Get allowed VAs for this client
|
||||||
|
const client = await ClientModel.findById(id)
|
||||||
|
.populate("projectIds") // to access their projects
|
||||||
|
.populate("vaIds"); // optional if you track directly
|
||||||
|
|
||||||
|
// Collect all VA IDs from their projects
|
||||||
|
const projectVAIds = new Set();
|
||||||
|
for (const project of client.projectIds) {
|
||||||
|
const populated = await ProjectModel.findById(project._id).populate("vaAssigned");
|
||||||
|
populated.vaAssigned.forEach((va) => projectVAIds.add(va._id.toString()));
|
||||||
|
}
|
||||||
|
|
||||||
|
// Store allowed VA IDs in socket memory
|
||||||
|
socket.data.allowedVAs = Array.from(projectVAIds);
|
||||||
|
console.log(`Client ${id} can view VAs:`, socket.data.allowedVAs);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// When VA sends live image
|
||||||
|
socket.on("sendImage", async ({ token, image, title }) => {
|
||||||
|
try {
|
||||||
|
// Verify token
|
||||||
|
const decoded = jwt.verify(token, process.env.JWT_SECRET_ACCESS_TOKEN);
|
||||||
|
const vaEmail = decoded.email;
|
||||||
|
|
||||||
|
// Find VA in DB
|
||||||
|
const vaUser = await VAModel.findOne({ "userDetails.email": vaEmail });
|
||||||
|
if (!vaUser) {
|
||||||
|
console.log("❌ Unauthorized VA");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const vaId = vaUser._id.toString();
|
||||||
|
console.log("🟢 Received image from VA:", vaId);
|
||||||
|
|
||||||
|
// Broadcast image only to allowed clients
|
||||||
|
for (let [_, clientSocket] of io.sockets.sockets) {
|
||||||
|
if (
|
||||||
|
clientSocket.data.role === "client" &&
|
||||||
|
clientSocket.data.allowedVAs?.includes(vaId)
|
||||||
|
) {
|
||||||
|
clientSocket.emit("receiveImage", image, title);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} catch (err) {
|
||||||
|
console.error("❌ Token verification failed:", err.message);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
socket.on("selectApp", ({ appTitle, clientId }) => {
|
||||||
|
console.log(`VA selected app: ${appTitle}`);
|
||||||
|
|
||||||
|
const sssrrrr = vaSocketRespectToClient.get(clientId);
|
||||||
|
console.log(vaSocketRespectToClient.get(clientId), sssrrrr, "vaSocketRespectToClient[clientId]")
|
||||||
|
// You can forward this info to the respective Electron client
|
||||||
|
socket.to(vaSocketRespectToClient.get(clientId)).emit("appToCapture", { appTitle });
|
||||||
|
});
|
||||||
|
|
||||||
|
socket.on("getVisibleApps", async ({ token, apps }) => {
|
||||||
|
try {
|
||||||
|
// Verify token
|
||||||
|
const decoded = jwt.verify(token, process.env.JWT_SECRET_ACCESS_TOKEN);
|
||||||
|
const vaEmail = decoded.email;
|
||||||
|
|
||||||
|
// Find VA in DB
|
||||||
|
const vaUser = await VAModel.findOne({ "userDetails.email": vaEmail });
|
||||||
|
if (!vaUser) {
|
||||||
|
console.log("❌ Unauthorized VA");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const vaId = vaUser._id.toString();
|
||||||
|
console.log("🟢 Received Apps from VA:", vaId);
|
||||||
|
|
||||||
|
// Broadcast image only to allowed clients
|
||||||
|
for (let [_, clientSocket] of io.sockets.sockets) {
|
||||||
|
if (
|
||||||
|
clientSocket.data.role === "client" &&
|
||||||
|
clientSocket.data.allowedVAs?.includes(vaId)
|
||||||
|
) {
|
||||||
|
clientSocket.emit("receiveVisibleApps", apps);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} catch (err) {
|
||||||
|
console.error("❌ Token verification failed:", err.message);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
socket.on('disconnect', () => {
|
||||||
|
console.log('a user Disconnected');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// io.on('connection', (socket) => {
|
||||||
|
|
||||||
|
// socket.on("sendImage", (base64String) => {
|
||||||
|
// io.emit("receiveImage", base64String);
|
||||||
|
// });
|
||||||
|
|
||||||
|
|
||||||
|
// socket.on('disconnect', () => {
|
||||||
|
// console.log('a user Disconnected');
|
||||||
|
// });
|
||||||
|
// });
|
||||||
|
|
||||||
|
app.get("/client/login", (req, res) => {
|
||||||
|
res.render("client_login")
|
||||||
|
})
|
||||||
|
app.get("/client/forgot-password", (req, res) => {
|
||||||
|
res.render("forgot_password")
|
||||||
|
})
|
||||||
|
|
||||||
app.get("/live/:projectId", (req, res) => {
|
app.get("/live/:projectId", (req, res) => {
|
||||||
const { projectId } = req.params;
|
const { projectId } = req.params;
|
||||||
res.render("va_live_tracker", { title: "VA Live Tracker", projectId })
|
res.render("va_live_tracker", { title: "VA Live Tracker", projectId })
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
@ -1,8 +1,10 @@
|
||||||
import logger from "../config/logger.js";
|
import logger from "../config/logger.js";
|
||||||
|
import SalesforceService from "./salesforce.service.js";
|
||||||
|
|
||||||
class VaClientService {
|
class VaClientService {
|
||||||
constructor(vaClientRepository) {
|
constructor(vaClientRepository) {
|
||||||
this.clientRepository = vaClientRepository;
|
this.clientRepository = vaClientRepository;
|
||||||
|
this.salesforceService = new SalesforceService();
|
||||||
}
|
}
|
||||||
|
|
||||||
async registerClient(data) {
|
async registerClient(data) {
|
||||||
|
|
@ -15,6 +17,9 @@ class VaClientService {
|
||||||
|
|
||||||
// Sanitize and prepare data
|
// Sanitize and prepare data
|
||||||
const clientData = this.sanitizeClientData(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);
|
const response = await this.clientRepository.create(clientData);
|
||||||
return response;
|
return response;
|
||||||
|
|
@ -87,19 +92,17 @@ class VaClientService {
|
||||||
position: userDetails.position || null,
|
position: userDetails.position || null,
|
||||||
signatoryName: userDetails.signatoryName || null,
|
signatoryName: userDetails.signatoryName || null,
|
||||||
signatoryEmail: userDetails.signatoryEmail || null,
|
signatoryEmail: userDetails.signatoryEmail || null,
|
||||||
paymentMethod: userDetails.paymentMethod || null,
|
paymentMethod: null,
|
||||||
bankName: userDetails.bankName || null,
|
bankName: null,
|
||||||
accountNumber: userDetails.accountNumber || null,
|
accountNumber: null,
|
||||||
routingNumber: userDetails.routingNumber || null,
|
routingNumber: null,
|
||||||
accountType: userDetails.accountType || null,
|
accountType: null,
|
||||||
accountHolderName: userDetails.accountHolderName || null,
|
accountHolderName: null,
|
||||||
cardNumber: userDetails.cardNumber || null,
|
cardNumber: null,
|
||||||
expiryDate: userDetails.expiryDate || null,
|
expiryDate: null,
|
||||||
securityCode: userDetails.securityCode || null,
|
securityCode: null,
|
||||||
cardZip: userDetails.cardZip || null,
|
cardZip: null,
|
||||||
},
|
}
|
||||||
vaIds: payload.vaIds || [],
|
|
||||||
projectIds: payload.projectIds || [],
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -29,4 +29,35 @@ async function testPaths() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
testPaths();// testVpnApi.js
|
||||||
|
import axios from "axios";
|
||||||
|
|
||||||
|
const apiUrl = "http://165.140.240.203:3000/api";
|
||||||
|
const apiKey = "hellovpn123";
|
||||||
|
|
||||||
|
const possiblePaths = [
|
||||||
|
"/", "/v1", "/servers", "/status", "/vpn", "/health", "/ping",
|
||||||
|
"/nodes", "/list", "/connect", "/config", "/create", "/createConfig",
|
||||||
|
"/check", "/organizations", "/users"
|
||||||
|
];
|
||||||
|
|
||||||
|
async function testPaths() {
|
||||||
|
for (const path of possiblePaths) {
|
||||||
|
try {
|
||||||
|
const res = await axios.get(`${apiUrl}${path}`, {
|
||||||
|
headers: { "x-api-key": apiKey },
|
||||||
|
timeout: 3000
|
||||||
|
});
|
||||||
|
console.log(`✅ ${path} → ${res.status} ${res.statusText}`);
|
||||||
|
console.log("Response:", res.data);
|
||||||
|
} catch (err) {
|
||||||
|
if (err.response) {
|
||||||
|
console.log(`❌ ${path} → ${err.response.status}`);
|
||||||
|
} else {
|
||||||
|
console.log(`⚠️ ${path} → No response`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
testPaths();
|
testPaths();
|
||||||
|
|
|
||||||
|
|
@ -12,8 +12,17 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mt-4">
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -33,8 +33,13 @@
|
||||||
<button type="submit" class="btn btn-primary">Reset Password</button>
|
<button type="submit" class="btn btn-primary">Reset Password</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,13 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mt-4">
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -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,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>
|
||||||
|
|
@ -1,6 +1,339 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en" data-theme="light">
|
<html lang="en" data-theme="light">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>DocVA | Login</title>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--color-bg-light: #ffffff;
|
||||||
|
--color-bg-dark: #121212;
|
||||||
|
--color-card-light: #ffffff;
|
||||||
|
--color-card-dark: #1e1e1e;
|
||||||
|
--color-text-light: #1a1a1a;
|
||||||
|
--color-text-dark: #f5f5f5;
|
||||||
|
--color-muted-light: #777;
|
||||||
|
--color-muted-dark: #aaa;
|
||||||
|
--color-primary: #0d0b57;
|
||||||
|
--color-secondary: #2b8efc;
|
||||||
|
--color-input-light: #f5f5f5;
|
||||||
|
--color-input-dark: #2a2a2a;
|
||||||
|
--radius: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
[data-theme="dark"] {
|
||||||
|
--color-bg: var(--color-bg-dark);
|
||||||
|
--color-card: var(--color-card-dark);
|
||||||
|
--color-text: var(--color-text-dark);
|
||||||
|
--color-muted: var(--color-muted-dark);
|
||||||
|
--color-input: var(--color-input-dark);
|
||||||
|
}
|
||||||
|
|
||||||
|
[data-theme="light"] {
|
||||||
|
--color-bg: var(--color-bg-light);
|
||||||
|
--color-card: var(--color-card-light);
|
||||||
|
--color-text: var(--color-text-light);
|
||||||
|
--color-muted: var(--color-muted-light);
|
||||||
|
--color-input: var(--color-input-light);
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
font-family: "Inter", sans-serif;
|
||||||
|
background-color: var(--color-bg);
|
||||||
|
color: var(--color-text);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 100vh;
|
||||||
|
transition: background-color 0.3s ease, color 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo img {
|
||||||
|
width: 170px;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo h1 {
|
||||||
|
margin: 10px 0 2px 0;
|
||||||
|
font-size: 2.3em;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--color-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo p {
|
||||||
|
color: var(--color-muted);
|
||||||
|
font-size: 0.9em;
|
||||||
|
letter-spacing: 0.05em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-card {
|
||||||
|
background-color: var(--color-card);
|
||||||
|
border-radius: var(--radius);
|
||||||
|
padding: 18px 40px 35px 40px;
|
||||||
|
/* width: 30%; */
|
||||||
|
/* max-width: 410px; */
|
||||||
|
width: 320px;
|
||||||
|
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
|
||||||
|
text-align: center;
|
||||||
|
transition: background-color 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-card h2 {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
color: var(--color-muted);
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 0.95em;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
width: calc(100% - 28px);
|
||||||
|
padding: 12px 14px;
|
||||||
|
margin-bottom: 18px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 10px;
|
||||||
|
background-color: var(--color-input);
|
||||||
|
color: var(--color-text);
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
input:focus {
|
||||||
|
outline: 2px solid var(--color-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.forgot {
|
||||||
|
display: block;
|
||||||
|
text-align: right;
|
||||||
|
font-size: 0.8em;
|
||||||
|
color: var(--color-muted);
|
||||||
|
text-decoration: none;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.forgot:hover {
|
||||||
|
color: var(--color-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
width: 100%;
|
||||||
|
padding: 12px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-weight: 600;
|
||||||
|
transition: background-color 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
background-color: var(--color-primary);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary:hover {
|
||||||
|
background-color: #0a0848;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-secondary {
|
||||||
|
background-color: transparent;
|
||||||
|
border: 1.5px solid #ccc;
|
||||||
|
color: var(--color-text);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-secondary:hover {
|
||||||
|
border-color: var(--color-secondary);
|
||||||
|
color: var(--color-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.divider {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
|
color: var(--color-muted);
|
||||||
|
margin: 18px 0;
|
||||||
|
font-size: 0.85em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.divider::before,
|
||||||
|
.divider::after {
|
||||||
|
content: "";
|
||||||
|
flex: 1;
|
||||||
|
border-bottom: 1px solid #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.divider:not(:empty)::before {
|
||||||
|
margin-right: 0.75em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.divider:not(:empty)::after {
|
||||||
|
margin-left: 0.75em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-toggle {
|
||||||
|
position: absolute;
|
||||||
|
top: 20px;
|
||||||
|
right: 20px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 0.9em;
|
||||||
|
color: var(--color-muted);
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
transition: color 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-toggle:hover {
|
||||||
|
color: var(--color-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.login-card {
|
||||||
|
width: 280px;
|
||||||
|
padding: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo img {
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo h1 {
|
||||||
|
font-size: 1.8em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="logo">
|
||||||
|
<h2>DocTracker Client Login</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="login-card">
|
||||||
|
<h2>Log in to your account to continue</h2>
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<input type="email" name="email" placeholder="Enter your email address *" required />
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<!-- <div class="divider">OR</div>
|
||||||
|
|
||||||
|
<button type="button" class="btn btn-secondary"># Log in with Email Code</button> -->
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
const root = document.documentElement;
|
||||||
|
|
||||||
|
function setTheme(theme) {
|
||||||
|
root.setAttribute("data-theme", theme);
|
||||||
|
}
|
||||||
|
|
||||||
|
function getSystemTheme() {
|
||||||
|
return window.matchMedia("(prefers-color-scheme: dark)").matches
|
||||||
|
? "dark"
|
||||||
|
: "light";
|
||||||
|
}
|
||||||
|
|
||||||
|
setTheme(getSystemTheme());
|
||||||
|
checkAuthentication();
|
||||||
|
|
||||||
|
document.querySelector("form").addEventListener("submit", async (e) => {
|
||||||
|
e.preventDefault(); // prevent page reload
|
||||||
|
|
||||||
|
const email = e.target.email.value.trim();
|
||||||
|
const password = e.target.password.value.trim();
|
||||||
|
|
||||||
|
if (!email || !password) {
|
||||||
|
alert("Please enter both email and password");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const userDetails = {
|
||||||
|
email,
|
||||||
|
password,
|
||||||
|
};
|
||||||
|
try {
|
||||||
|
const res = await fetch("/api/v1/client/login", {
|
||||||
|
method: "POST",
|
||||||
|
headers: {
|
||||||
|
"Content-Type": "application/json",
|
||||||
|
},
|
||||||
|
body: JSON.stringify({"userDetails": userDetails}),
|
||||||
|
});
|
||||||
|
|
||||||
|
const data = await res.json();
|
||||||
|
|
||||||
|
if (!res.ok) {
|
||||||
|
throw new Error(data.message || "Login failed");
|
||||||
|
}
|
||||||
|
|
||||||
|
if (data.accessToken) {
|
||||||
|
// 🟢 Save token
|
||||||
|
localStorage.setItem("knoptpq", data.accessToken);
|
||||||
|
localStorage.setItem("refreshToken", data.refreshToken);
|
||||||
|
|
||||||
|
// 🟢 Redirect
|
||||||
|
window.location.href = "/client/dashboard";
|
||||||
|
} else {
|
||||||
|
alert("No token received. Please try again.");
|
||||||
|
}
|
||||||
|
} catch (err) {
|
||||||
|
console.error("❌ Login error:", err);
|
||||||
|
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>
|
||||||
|
|
||||||
|
</html><!DOCTYPE html>
|
||||||
|
<html lang="en" data-theme="light">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
|
|
||||||
|
|
@ -117,12 +117,12 @@
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<img id="logo" class="logo" src="/public/images/logo-colored-vertical.svg" alt="DocVA Logo" />
|
<h2>DocTracker</h2>
|
||||||
<form class="card">
|
<form class="card">
|
||||||
<h2>Reset your password</h2>
|
<h2>Reset your password</h2>
|
||||||
<input type="email" placeholder="Enter your email address*" required />
|
<input type="email" placeholder="Enter your email address*" required />
|
||||||
<button type="submit">Send password reset code</button>
|
<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>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -134,7 +134,7 @@
|
||||||
function applyTheme(isDark) {
|
function applyTheme(isDark) {
|
||||||
const theme = isDark ? "dark" : "light";
|
const theme = isDark ? "dark" : "light";
|
||||||
document.documentElement.setAttribute("data-theme", theme);
|
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
|
// Initial set
|
||||||
|
|
@ -174,7 +174,9 @@
|
||||||
const data = await response.json();
|
const data = await response.json();
|
||||||
|
|
||||||
if (response.ok) {
|
if (response.ok) {
|
||||||
window.location.href = "/client/login"; // Redirect to reset password page
|
if(confirm('Please Check your mail inbox for password reset link')) {
|
||||||
|
window.location.href = "/client/login"; // Redirect to reset password page
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
alert("❌ " + (data.message || "Failed to send reset link."));
|
alert("❌ " + (data.message || "Failed to send reset link."));
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -2,100 +2,97 @@
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<title>Live Screen Feed</title>
|
<title>Live Screen Feed</title>
|
||||||
<style>
|
<style>
|
||||||
* {
|
* {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
background: #111;
|
background: #111;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-family: 'Inter', sans-serif;
|
font-family: 'Inter', sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar {
|
.sidebar {
|
||||||
width: 280px;
|
width: 280px;
|
||||||
background: #1b1b1b;
|
background: #1b1b1b;
|
||||||
border-right: 1px solid #333;
|
border-right: 1px solid #333;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app {
|
.app {
|
||||||
background: #222;
|
background: #222;
|
||||||
border: 1px solid #333;
|
border: 1px solid #333;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
padding: 10px 12px;
|
padding: 10px 12px;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: background 0.3s ease;
|
transition: background 0.3s ease;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app:hover {
|
.app:hover {
|
||||||
background: #333;
|
background: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app.active {
|
.app.active {
|
||||||
background: #6C63FF;
|
background: #6C63FF;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
max-width: 900px;
|
max-width: 900px;
|
||||||
border: 2px solid #555;
|
border: 2px solid #555;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-image {
|
.no-image {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #888;
|
color: #888;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="sidebar">
|
<div class="sidebar">
|
||||||
<h3>Visible Apps</h3>
|
<h3>Visible Apps</h3>
|
||||||
<div id="appsList"></div>
|
<div id="appsList"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h2 id="selectedAppTitle">Select an app to view</h2>
|
<h2 id="selectedAppTitle">Select an app to view</h2>
|
||||||
<img id="liveImage" src="" alt="Waiting for image..." class="no-image" />
|
<img id="liveImage" src="" alt="Waiting for image..." class="no-image" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="/socket.io/socket.io.js"></script>
|
<script src="/socket.io/socket.io.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const clientId = "691311fece83c986eb8a4e89";
|
const clientId = "691311fece83c986eb8a4e89";
|
||||||
|
|
||||||
const token = localStorage.getItem("knoptpq");
|
|
||||||
|
|
||||||
const socket = io({
|
const socket = io({
|
||||||
auth: {
|
auth: {
|
||||||
token: token,
|
token: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjY5MTQ2NTFkODM2NDZhOTAwN2EzNDI4MCIsImVtYWlsIjoiYmhhZ3dhbi5yQGhpY2dsb2JhbHNvbHV0aW9ucy5jb20iLCJuYW1lIjoiYmhhZ3dhbiIsImlhdCI6MTc2Mjk0ODk3NSwiZXhwIjoxNzYzMDM1Mzc1fQ.WvmTvfOf8DvbqKsbvfyzda1ClP8qfllKFeJINtU6mnE",
|
||||||
userType: "client",
|
userType: "client",
|
||||||
projectId: "<%= projectId %>"
|
projectId: "<%= projectId %>"
|
||||||
},
|
},
|
||||||
|
|
@ -121,13 +118,13 @@
|
||||||
div.classList.add("app");
|
div.classList.add("app");
|
||||||
div.textContent = app.name || "Unnamed App";
|
div.textContent = app.name || "Unnamed App";
|
||||||
div.onclick = () => {
|
div.onclick = () => {
|
||||||
document.querySelectorAll(".app").forEach(el => el.classList.remove("active"));
|
document.querySelectorAll(".app").forEach(el => el.classList.remove("active"));
|
||||||
div.classList.add("active");
|
div.classList.add("active");
|
||||||
currentApp = app.name;
|
currentApp = app.name;
|
||||||
selectedAppTitle.textContent = app.name;
|
selectedAppTitle.textContent = app.name;
|
||||||
|
|
||||||
// 🟠 Tell server which app VA wants to monitor
|
// 🟠 Tell server which app VA wants to monitor
|
||||||
socket.emit("selectApp", { appTitle: app.name, clientId });
|
socket.emit("selectApp", { appTitle: app.name, clientId });
|
||||||
};
|
};
|
||||||
appsList.appendChild(div);
|
appsList.appendChild(div);
|
||||||
});
|
});
|
||||||
|
|
@ -140,7 +137,7 @@
|
||||||
liveImage.classList.remove("no-image");
|
liveImage.classList.remove("no-image");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue