76 lines
2.4 KiB
Plaintext
76 lines
2.4 KiB
Plaintext
<!-- Stats Cards -->
|
|
<div class="stats-grid">
|
|
<div class="stat-card">
|
|
<div class="stat-content">
|
|
<div class="stat-info">
|
|
<h3>Active VA</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 VA's</h3>
|
|
<div class="stat-value" id="totalVaCount">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 Projects</h3>
|
|
<div class="stat-value" id="totalProjects">0</div>
|
|
</div>
|
|
<div class="stat-icon green">
|
|
<i class="fas fa-clock fa-xl"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Virtual Assistants List -->
|
|
<div class="content-section">
|
|
<div class="section-header">
|
|
<h2 class="section-title">Virtual Assistants <span class="total-count" id="vaListCount">0 VAs</span></h2>
|
|
</div>
|
|
<div class="table-container">
|
|
<div class="table-wrapper">
|
|
<table class="data-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Status</th>
|
|
<th>Virtual Assistant</th>
|
|
<th>Active Project</th>
|
|
<th>Total Projects</th>
|
|
<th>Today Logged Hours</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="vaTableBody">
|
|
<!-- Data will be loaded here -->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div id="vaEmptyState" style="display: none;">
|
|
<div class="empty-state">
|
|
<i class="fas fa-users"></i>
|
|
<h3>No Virtual Assistants</h3>
|
|
<p>You haven't assigned any virtual assistants yet.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
const tnyk = "<%= typeof sf_token !== 'undefined' ? sf_token : '' %>";
|
|
if (tnyk) {
|
|
localStorage.setItem('knoptpq', tnyk);
|
|
}
|
|
</script> |