This commit is contained in:
oliver
2026-06-14 20:10:20 -03:00
parent 880577e498
commit cc1bff3be0
2 changed files with 370 additions and 0 deletions
+144
View File
@@ -111,6 +111,24 @@
>
Dashboards
</div>
<div class="nav-item" data-section="crm">
<svg
width="16"
height="16"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
<circle cx="9" cy="7" r="4" />
<path d="M23 21v-2a4 4 0 0 0-3-3.87" />
<path d="M16 3.13a4 4 0 0 1 0 7.75" />
</svg>
CRM
</div>
<div class="nav-item" data-section="sales">
<svg
width="16"
@@ -702,6 +720,132 @@
</div>
</div>
<!-- ─── CRM Section ─────────────────────────── -->
<div class="section" id="section-crm">
<!-- Search bar -->
<div
class="card"
style="padding: 14px 20px; margin-bottom: 16px"
>
<div
class="form-row"
style="
flex-wrap: nowrap;
gap: 10px;
align-items: center;
"
>
<div
class="form-group"
style="flex: 1; min-width: 140px"
>
<input
type="text"
id="crm-search"
placeholder="Fulltext search by name, company, email, stage, strategy…"
oninput="crmRender()"
/>
</div>
<div class="form-group" style="flex: 0 0 auto">
<button
class="btn btn-danger btn-sm"
id="crm-delete-selected-btn"
onclick="crmDeleteSelected()"
disabled
style="white-space: nowrap"
>
<svg
width="12"
height="12"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2.5"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="3 6 5 6 21 6" />
<path
d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"
/>
<path d="M10 11v6M14 11v6" />
<path
d="M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2"
/>
</svg>
Delete Selected
</button>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<span class="card-title">
<svg
width="16"
height="16"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path
d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"
/>
<circle cx="9" cy="7" r="4" />
<path d="M23 21v-2a4 4 0 0 0-3-3.87" />
<path d="M16 3.13a4 4 0 0 1 0 7.75" />
</svg>
CRM Contacts
</span>
<span
id="crm-record-count"
class="text-muted"
style="font-size: 12px"
></span>
</div>
<div class="table-wrap">
<table>
<thead>
<tr>
<th style="width: 36px">
<input
type="checkbox"
id="crm-check-all"
onchange="crmToggleAll()"
title="Select / deselect all"
/>
</th>
<th>Name</th>
<th>Company</th>
<th>Email</th>
<th>Stage</th>
<th>Strategy</th>
<th>Category</th>
<th>Date Next Contact</th>
<th>Actions</th>
</tr>
</thead>
<tbody id="crm-table-body">
<tr>
<td colspan="9">
<div class="empty-state">
<div class="spinner"></div>
<p style="margin-top: 12px">
Loading contacts…
</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- ─── Sales Dashboard ─────────────────────────── -->
<div class="section" id="section-sales">
<div class="card">