crm
This commit is contained in:
+144
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user