First release of open core
This commit is contained in:
112
ui/templates/components/admin_config.gohtml
Normal file
112
ui/templates/components/admin_config.gohtml
Normal file
@@ -0,0 +1,112 @@
|
||||
{{define "admin_config"}}
|
||||
<div id="tab-config" class="tab-pane">
|
||||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px;">
|
||||
<div style="border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px;">
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
|
||||
<h3 style="margin: 0;">🤠 Personnel</h3>
|
||||
<button id="openUserModal" class="btn" style="padding: 6px 12px; font-size: 0.85rem;">+ Add User</button>
|
||||
</div>
|
||||
<table style="font-size: 0.9rem; width: 100%;">
|
||||
<thead><tr><th style="text-align: left;">Name</th><th style="text-align: left;">Role</th><th style="text-align: right;">Actions</th></tr></thead>
|
||||
<tbody>
|
||||
{{range .Users}}
|
||||
<tr style="border-bottom: 1px solid #f1f5f9;">
|
||||
<td style="padding: 8px 0;"><strong>{{.FullName}}</strong><br><span style="font-family: monospace; font-size: 0.8rem; color: #64748b;">{{.Email}}</span></td>
|
||||
<td><span class="badge" style="background: #1e293b;">{{.GlobalRole}}</span></td>
|
||||
<td style="text-align: right;">
|
||||
<button class="btn btn-secondary" style="padding: 2px 6px; font-size: 0.75rem;" onclick="resetPassword({{.ID}})" title="Reset Password">🔑</button>
|
||||
<button class="btn btn-secondary" style="padding: 2px 6px; font-size: 0.75rem;" onclick="editRole({{.ID}}, '{{.GlobalRole}}')" title="Change Role">🛡️</button>
|
||||
<button class="btn btn-secondary" style="padding: 2px 6px; font-size: 0.75rem; color: #dc2626; border-color: #fca5a5;" onclick="deleteUser({{.ID}})" title="Deactivate">🗑️</button>
|
||||
</td>
|
||||
</tr>
|
||||
{{end}}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div style="border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px;">
|
||||
<div style="border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px; background: #f8fafc;">
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
|
||||
<h3 style="margin: 0; color: #64748b;">🛤️ Source Routing</h3>
|
||||
<button class="btn" disabled style="padding: 6px 12px; font-size: 0.85rem; background: #cbd5e1; color: white; cursor: not-allowed;">🔒 Pro Feature</button>
|
||||
</div>
|
||||
<div style="text-align: center; padding: 20px; border: 1px dashed #cbd5e1; border-radius: 6px; background: white;">
|
||||
<p style="color: #475569; font-size: 0.9rem; margin-bottom: 10px;">Automate ticket assignment and triage based on asset tags or CVEs.</p>
|
||||
<a href="https://RiskRancher.com/pro" target="_blank" style="color: #8b5cf6; text-decoration: none; font-weight: bold; font-size: 0.85rem;">Learn about RiskRancher Pro →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display: grid; grid-template-columns: 2fr 1fr; gap: 20px;">
|
||||
|
||||
<div style="border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px; position: relative;">
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
|
||||
<div>
|
||||
<h3 style="margin: 0;">⏱️ SLA Policies & System Time</h3>
|
||||
<p style="margin: 2px 0 0 0; font-size: 0.8rem; color: #64748b;">Locked to Standard FedRAMP/NIST Default Timeframes</p>
|
||||
</div>
|
||||
<button class="btn" style="padding: 6px 12px; font-size: 0.85rem; background: #f8fafc; color: #64748b; border: 1px solid #cbd5e1;" onclick="showUpsell('Custom SLA Timers & Business Hours')">🔒 Customize (Pro)</button>
|
||||
</div>
|
||||
<div style="display: flex; gap: 30px; opacity: 0.7; pointer-events: none;">
|
||||
<div style="flex: 1; padding: 15px; background: #f8fafc; border-radius: 6px; border: 1px solid #e2e8f0;">
|
||||
<h4 style="margin-top: 0;">Base Configuration</h4>
|
||||
<label>System Timezone:</label>
|
||||
<select disabled style="width: 100%; padding: 6px; margin-bottom: 10px; background: #e2e8f0;">
|
||||
<option selected>UTC (Universal)</option>
|
||||
</select>
|
||||
<div style="display: flex; gap: 10px; margin-bottom: 10px;">
|
||||
<div style="flex: 1;"><label>Biz Start:</label><input type="text" disabled value="09:00" style="width: 100%; padding: 6px; background: #e2e8f0;"></div>
|
||||
<div style="flex: 1;"><label>Biz End:</label><input type="text" disabled value="17:00" style="width: 100%; padding: 6px; background: #e2e8f0;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="flex: 2;">
|
||||
<div style="margin-bottom: 10px; display: flex; justify-content: space-between;">
|
||||
<h4 style="margin: 0;">SLA Matrix (Days to Patch)</h4>
|
||||
</div>
|
||||
<table style="font-size: 0.85rem; width: 100%; text-align: left;">
|
||||
<thead><tr><th style="padding-bottom: 5px;">Severity</th><th>Triage</th><th>Patch</th></tr></thead>
|
||||
<tbody>
|
||||
<tr class="sla-row"><td style="padding: 4px 0;"><span class="badge critical">Critical</span></td><td>1</td><td>3</td></tr>
|
||||
<tr class="sla-row"><td style="padding: 4px 0;"><span class="badge high">High</span></td><td>3</td><td>14</td></tr>
|
||||
<tr class="sla-row"><td style="padding: 4px 0;"><span class="badge medium">Medium</span></td><td>7</td><td>30</td></tr>
|
||||
<tr class="sla-row"><td style="padding: 4px 0;"><span class="badge low">Low</span></td><td>14</td><td>90</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px; display: flex; flex-direction: column;">
|
||||
<h3 style="margin: 0 0 15px 0;">⚙️ Operations</h3>
|
||||
|
||||
<div style="margin-bottom: 20px;">
|
||||
<label style="font-weight: bold; display: flex; justify-content: space-between;">
|
||||
Automated Backups
|
||||
<span style="font-size: 0.75rem; color: #8b5cf6; font-weight: normal;">Pro Feature</span>
|
||||
</label>
|
||||
<div style="display: flex; gap: 10px; margin-top: 5px;">
|
||||
<select disabled style="flex: 1; padding: 6px; background: #f1f5f9; color: #94a3b8; cursor: not-allowed; border: 1px solid #cbd5e1;">
|
||||
<option>Manual Only (Free Core)</option>
|
||||
<option>Daily Automated</option>
|
||||
<option>Weekly Automated</option>
|
||||
</select>
|
||||
<button class="btn btn-secondary" style="color: #94a3b8; border-color: #cbd5e1;" onclick="showUpsell('Automated DB Backups')">🔒 Apply</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 20px;">
|
||||
<label style="font-weight: bold;">Data Portability</label>
|
||||
<a href="/api/admin/export" class="btn btn-secondary" style="display: block; text-align: center; margin-top: 5px; background: #e0e7ff; color: #3730a3; border-color: #c7d2fe;">⬇️ Export JSON State</a>
|
||||
</div>
|
||||
|
||||
<div style="margin-top: auto; padding-top: 15px; border-top: 1px solid #e2e8f0;">
|
||||
<div style="display: flex; justify-content: space-between; align-items: center;">
|
||||
<span style="font-size: 0.85rem; color: #475569;">Core Engine: <strong>{{.Version}} ({{.Commit}})</strong></span>
|
||||
<button class="btn" style="padding: 4px 10px; font-size: 0.8rem; color: white; background: #0f172a;" onclick="checkUpdates()">Updates</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
33
ui/templates/components/admin_feed.gohtml
Normal file
33
ui/templates/components/admin_feed.gohtml
Normal file
@@ -0,0 +1,33 @@
|
||||
{{define "admin_feed"}}
|
||||
<div id="tab-feed" class="tab-pane">
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
|
||||
<div>
|
||||
<h3 style="margin: 0;">📻 System Logs</h3>
|
||||
<p style="font-size: 0.85rem; color: #64748b; margin: 0;">Real-time tamper-evident system audit log.</p>
|
||||
</div>
|
||||
<div>
|
||||
<select id="logFilter" style="padding: 8px; border-radius: 4px; border: 1px solid #cbd5e1; font-size: 0.9rem;">
|
||||
<option value="All">All Activity</option>
|
||||
<option value="status_change">Status Changes</option>
|
||||
<option value="risk_request">Risk Requests</option>
|
||||
<option value="magistrate_review">Magistrate Reviews</option>
|
||||
<option value="assigned_to">Assignments</option>
|
||||
<option value="comment">Comments</option>
|
||||
<option value="read_receipt">Read Receipts</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logContainer" style="min-height: 400px; padding-right: 5px; font-size: 0.95rem;">
|
||||
<div style="text-align: center; color: #94a3b8; padding: 40px;">Loading logs...</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-top: 20px; padding-top: 15px; border-top: 1px solid #e2e8f0;">
|
||||
<span id="logPageInfo" style="font-size: 0.85rem; color: #64748b;">Showing 0 of 0</span>
|
||||
<div>
|
||||
<button id="logPrevBtn" class="btn btn-secondary" style="padding: 6px 12px; font-size: 0.85rem;" disabled>Previous</button>
|
||||
<button id="logNextBtn" class="btn btn-secondary" style="padding: 6px 12px; font-size: 0.85rem;" disabled>Next</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
80
ui/templates/components/admin_metrics.gohtml
Normal file
80
ui/templates/components/admin_metrics.gohtml
Normal file
@@ -0,0 +1,80 @@
|
||||
{{define "admin_metrics"}}
|
||||
<div id="tab-metrics" class="tab-pane active">
|
||||
<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-bottom: 20px;">
|
||||
<a href="/dashboard?filter=critical" class="kpi-card" style="text-align: center; border-top: 4px solid #dc2626;">
|
||||
<h4 style="margin: 0; color: #64748b; font-size: 0.85rem; text-transform: uppercase;">Active CISA KEVs</h4>
|
||||
<p style="font-size: 2rem; margin: 10px 0 0 0; font-weight: bold; color: {{if gt .Analytics.ActiveKEVs 0}}#dc2626{{else}}#10b981{{end}};">{{.Analytics.ActiveKEVs}}</p>
|
||||
</a>
|
||||
<a href="/dashboard?filter=critical" class="kpi-card" style="text-align: center; border-top: 4px solid #ea580c;">
|
||||
<h4 style="margin: 0; color: #64748b; font-size: 0.85rem; text-transform: uppercase;">Open Criticals</h4>
|
||||
<p style="font-size: 2rem; margin: 10px 0 0 0; font-weight: bold; color: #ea580c;">{{.Analytics.OpenCriticals}}</p>
|
||||
</a>
|
||||
<a href="/dashboard?filter=overdue" class="kpi-card" style="text-align: center; border-top: 4px solid #eab308;">
|
||||
<h4 style="margin: 0; color: #64748b; font-size: 0.85rem; text-transform: uppercase;">SLA Breaches</h4>
|
||||
<p style="font-size: 2rem; margin: 10px 0 0 0; font-weight: bold; color: #eab308;">{{.Analytics.TotalOverdue}}</p>
|
||||
</a>
|
||||
<div class="kpi-card" style="text-align: center; border-top: 4px solid #3b82f6; cursor: default;">
|
||||
<h4 style="margin: 0; color: #64748b; font-size: 0.85rem; text-transform: uppercase;">Global MTTR (Days)</h4>
|
||||
<p style="font-size: 2rem; margin: 10px 0 0 0; font-weight: bold; color: #3b82f6;">{{.Analytics.GlobalMTTRDays}}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 20px;">
|
||||
<div class="card" style="display: flex; flex-direction: column; justify-content: center; background: white; padding: 20px; border-radius: 8px; border: 1px solid #e2e8f0; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
|
||||
<h3 style="margin: 0 0 15px 0;">🔴 Open Risk Profile ({{.Analytics.Severity.Total}})</h3>
|
||||
<div style="display: flex; height: 24px; border-radius: 12px; overflow: hidden; margin-bottom: 20px; background: #f1f5f9;">
|
||||
{{if gt .Analytics.Severity.Total 0}}
|
||||
<div style="width: {{.Analytics.Severity.CritPct}}%; background: #dc2626;" title="Critical: {{.Analytics.Severity.Critical}}"></div>
|
||||
<div style="width: {{.Analytics.Severity.HighPct}}%; background: #ea580c;" title="High: {{.Analytics.Severity.High}}"></div>
|
||||
<div style="width: {{.Analytics.Severity.MedPct}}%; background: #eab308;" title="Medium: {{.Analytics.Severity.Medium}}"></div>
|
||||
<div style="width: {{.Analytics.Severity.LowPct}}%; background: #3b82f6;" title="Low: {{.Analytics.Severity.Low}}"></div>
|
||||
<div style="width: {{.Analytics.Severity.InfoPct}}%; background: #94a3b8;" title="Info: {{.Analytics.Severity.Info}}"></div>
|
||||
{{else}}
|
||||
<div style="width: 100%; text-align: center; color: #94a3b8; font-size: 0.8rem; line-height: 24px;">No Open Findings</div>
|
||||
{{end}}
|
||||
</div>
|
||||
<div style="display: flex; justify-content: space-between; font-size: 0.8rem; font-weight: bold; text-align: center;">
|
||||
<div style="color: #dc2626; flex: 1;">Crit<br><span style="font-size: 1.1rem;">{{.Analytics.Severity.Critical}}</span></div>
|
||||
<div style="color: #ea580c; flex: 1;">High<br><span style="font-size: 1.1rem;">{{.Analytics.Severity.High}}</span></div>
|
||||
<div style="color: #eab308; flex: 1;">Med<br><span style="font-size: 1.1rem;">{{.Analytics.Severity.Medium}}</span></div>
|
||||
<div style="color: #3b82f6; flex: 1;">Low<br><span style="font-size: 1.1rem;">{{.Analytics.Severity.Low}}</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card" style="display: flex; flex-direction: column; justify-content: center; background: white; padding: 20px; border-radius: 8px; border: 1px solid #e2e8f0; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
|
||||
<h3 style="margin: 0 0 15px 0;">🟢 Resolution Profile (Closed) ({{.Analytics.Resolution.Total}})</h3>
|
||||
<div style="display: flex; height: 24px; border-radius: 12px; overflow: hidden; margin-bottom: 20px; background: #f1f5f9;">
|
||||
{{if gt .Analytics.Resolution.Total 0}}
|
||||
<div style="width: {{.Analytics.Resolution.PatchedPct}}%; background: #10b981;" title="Patched: {{.Analytics.Resolution.Patched}}"></div>
|
||||
<div style="width: {{.Analytics.Resolution.RiskAccPct}}%; background: #8b5cf6;" title="Risk Accepted: {{.Analytics.Resolution.RiskAccepted}}"></div>
|
||||
<div style="width: {{.Analytics.Resolution.FalsePosPct}}%; background: #64748b;" title="False Positive: {{.Analytics.Resolution.FalsePositive}}"></div>
|
||||
{{else}}
|
||||
<div style="width: 100%; text-align: center; color: #94a3b8; font-size: 0.8rem; line-height: 24px;">No Closed Findings</div>
|
||||
{{end}}
|
||||
</div>
|
||||
<div style="display: flex; justify-content: space-between; font-size: 0.8rem; font-weight: bold; text-align: center;">
|
||||
<div style="color: #10b981; flex: 1;">Patched<br><span style="font-size: 1.1rem;">{{.Analytics.Resolution.Patched}}</span></div>
|
||||
<div style="color: #8b5cf6; flex: 1;">Accepted<br><span style="font-size: 1.1rem;">{{.Analytics.Resolution.RiskAccepted}}</span></div>
|
||||
<div style="color: #64748b; flex: 1;">False Pos<br><span style="font-size: 1.1rem;">{{.Analytics.Resolution.FalsePositive}}</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card" style="background: white; padding: 20px; border-radius: 8px; border: 1px solid #e2e8f0; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
|
||||
<h3 style="margin: 0 0 15px 0;">🎯 Top Vulnerable Assets</h3>
|
||||
{{range .Analytics.TopAssets}}
|
||||
<a href="/dashboard?asset={{.Asset}}" style="display: block; text-decoration: none; color: inherit; margin-bottom: 12px; padding: 4px; border-radius: 4px; transition: background 0.2s;" onmouseover="this.style.background='#f8fafc'" onmouseout="this.style.background='transparent'">
|
||||
<div style="display: flex; justify-content: space-between; font-size: 0.85rem; margin-bottom: 4px;">
|
||||
<span style="font-family: monospace; font-weight: bold; color: #3b82f6;">{{.Asset}}</span>
|
||||
<span style="color: #64748b; font-weight: bold;">{{.Count}} Findings</span>
|
||||
</div>
|
||||
<div style="background: #e2e8f0; height: 8px; border-radius: 4px; overflow: hidden;">
|
||||
<div style="width: {{.Percentage}}%; background: #0f172a; height: 100%; border-radius: 4px;"></div>
|
||||
</div>
|
||||
</a>
|
||||
{{else}}
|
||||
<p style="color: #94a3b8; text-align: center; font-size: 0.9rem; padding: 20px;">No vulnerable assets found.</p>
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
25
ui/templates/components/admin_modals.gohtml
Normal file
25
ui/templates/components/admin_modals.gohtml
Normal file
@@ -0,0 +1,25 @@
|
||||
{{define "admin_modals"}}
|
||||
<div id="userModal" class="modal-overlay" style="display: none;">
|
||||
<div class="modal-content" style="width: 400px;">
|
||||
<h3>Add New Personnel</h3>
|
||||
<label>Full Name:</label>
|
||||
<input type="text" id="newUserName" style="width: 100%; padding: 8px; margin-bottom: 15px;" placeholder="e.g. Alice Cloud">
|
||||
<label>Email Address:</label>
|
||||
<input type="email" id="newUserEmail" style="width: 100%; padding: 8px; margin-bottom: 15px;" placeholder="alice@ranch.com">
|
||||
<label>Temporary Password:</label>
|
||||
<input type="password" id="newUserPassword" style="width: 100%; padding: 8px; margin-bottom: 15px;" placeholder="••••••••">
|
||||
<label>Global Role:</label>
|
||||
<select id="newUserRole" style="width: 100%; padding: 8px; margin-bottom: 20px;">
|
||||
<option value="RangeHand">RangeHand (Analyst)</option>
|
||||
<option value="Wrangler">Wrangler (IT / Submitter)</option>
|
||||
<option value="Magistrate">Magistrate (Risk Approver)</option>
|
||||
<option value="Sheriff">Sheriff (Global Admin)</option>
|
||||
</select>
|
||||
<div class="modal-actions">
|
||||
<button id="cancelUser" class="btn btn-secondary">Cancel</button>
|
||||
<button id="submitUser" class="btn">Create User</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{end}}
|
||||
114
ui/templates/components/admin_performance.gohtml
Normal file
114
ui/templates/components/admin_performance.gohtml
Normal file
@@ -0,0 +1,114 @@
|
||||
{{define "admin_performance"}}
|
||||
<div id="tab-performance" class="tab-pane">
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
|
||||
<div>
|
||||
<h3 style="margin: 0;">📡 Integration Performance</h3>
|
||||
<p style="font-size: 0.85rem; color: #64748b; margin: 0;">Diagnostic breakdown of global KPIs, bottlenecks, and SLA tracking by scanner source.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table style="font-size: 0.9rem; width: 100%; text-align: left; border-collapse: collapse;">
|
||||
<thead>
|
||||
<tr style="border-bottom: 2px solid #e2e8f0;">
|
||||
<th style="padding-bottom: 12px; width: 15%;">Integration</th>
|
||||
<th style="padding-bottom: 12px; text-align: center; width: 20%;">🔥 High Risk Drivers<br><span style="font-size: 0.75rem; color: #94a3b8; font-weight: normal;">(Ties to KPI Metrics)</span></th>
|
||||
<th style="padding-bottom: 12px; text-align: center; width: 15%;">🕒 Analyst Backlog<br><span style="font-size: 0.75rem; color: #94a3b8; font-weight: normal;">(Triage Phase)</span></th>
|
||||
<th style="padding-bottom: 12px; text-align: center; width: 15%;">⏳ IT Bottlenecks<br><span style="font-size: 0.75rem; color: #94a3b8; font-weight: normal;">(Patch Phase)</span></th>
|
||||
<th style="padding-bottom: 12px; text-align: center; width: 15%;">🛡️ Resolution Hygiene<br><span style="font-size: 0.75rem; color: #94a3b8; font-weight: normal;">(Closed Profile)</span></th>
|
||||
<th style="padding-bottom: 12px; width: 20%;">Strategic Insight</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{range .Analytics.SourceHealth}}
|
||||
<tr style="border-bottom: 1px solid #f1f5f9;">
|
||||
<td style="padding: 16px 0;">
|
||||
<strong style="font-size: 1rem; color: #0f172a;">{{.Source}}</strong><br>
|
||||
<span style="font-size: 0.8rem; color: #64748b;">{{.TotalOpen}} Total Open</span>
|
||||
</td>
|
||||
|
||||
<td style="text-align: center;">
|
||||
<div style="display: flex; gap: 8px; justify-content: center;">
|
||||
{{if gt .Criticals 0}}<span title="Open Criticals" style="background: #fff7ed; color: #ea580c; border: 1px solid #fdba74; padding: 2px 8px; border-radius: 4px; font-weight: bold; font-size: 0.8rem;">{{.Criticals}} CRIT</span>{{end}}
|
||||
{{if gt .CisaKEVs 0}}<span title="Active CISA KEVs" style="background: #fee2e2; color: #dc2626; border: 1px solid #fca5a5; padding: 2px 8px; border-radius: 4px; font-weight: bold; font-size: 0.8rem;">{{.CisaKEVs}} KEV</span>{{end}}
|
||||
{{if and (eq .Criticals 0) (eq .CisaKEVs 0)}}<span style="color: #94a3b8; font-size: 0.85rem;">-</span>{{end}}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td style="text-align: center;">
|
||||
{{if gt .Untriaged 0}}
|
||||
<span style="background: #f1f5f9; color: #475569; padding: 4px 10px; border-radius: 12px; font-weight: bold; font-size: 0.8rem;">{{.Untriaged}} Pending</span>
|
||||
{{else}}
|
||||
<span style="color: #10b981; font-size: 0.85rem; font-weight: bold;">✓ Clear</span>
|
||||
{{end}}
|
||||
</td>
|
||||
|
||||
<td style="text-align: center;">
|
||||
{{if gt .PatchOverdue 0}}
|
||||
<span style="background: #fee2e2; color: #dc2626; padding: 4px 10px; border-radius: 12px; font-weight: bold; font-size: 0.8rem; box-shadow: 0 0 5px rgba(220, 38, 38, 0.3);">{{.PatchOverdue}} Overdue</span>
|
||||
{{else if gt .PendingRisk 0}}
|
||||
<span style="background: #f3e8ff; color: #7e22ce; padding: 4px 10px; border-radius: 12px; font-weight: bold; font-size: 0.8rem;" title="Waiting on Risk Reviews Tab">{{.PendingRisk}} Excepted</span>
|
||||
{{else}}
|
||||
<span style="color: #10b981; font-size: 0.85rem; font-weight: bold;">✓ Met</span>
|
||||
{{end}}
|
||||
</td>
|
||||
|
||||
<td style="text-align: center;">
|
||||
<div style="font-size: 0.8rem; font-weight: bold; color: #0f172a; margin-bottom: 4px;">{{.TotalClosed}} Closed</div>
|
||||
<div style="display: flex; gap: 6px; justify-content: center; font-size: 0.75rem;">
|
||||
{{if gt .Patched 0}}<span style="color: #10b981;" title="Patched">✓ {{.Patched}}</span>{{end}}
|
||||
{{if gt .RiskAccepted 0}}<span style="color: #8b5cf6;" title="Risk Accepted">⚖️ {{.RiskAccepted}}</span>{{end}}
|
||||
{{if gt .FalsePositive 0}}<span style="color: #64748b;" title="False Positive">🚫 {{.FalsePositive}}</span>{{end}}
|
||||
{{if eq .TotalClosed 0}}<span style="color: #94a3b8;">-</span>{{end}}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div style="font-weight: bold; color: {{if or (eq .StrategicNote "✅ Routine Processing") (eq .StrategicNote "✅ Healthy Resolution Velocity")}}#10b981{{else}}#0f172a{{end}}; font-size: 0.85rem;">{{.StrategicNote}}</div>
|
||||
<div style="font-family: monospace; font-size: 0.75rem; color: #64748b; margin-top: 4px;">Lead: {{.TopAssignee}}</div>
|
||||
</td>
|
||||
</tr>
|
||||
{{else}}
|
||||
<tr><td colspan="6" style="text-align: center; padding: 40px; color: #94a3b8;">No active sources found.</td></tr>
|
||||
{{end}}
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div style="margin-top: 40px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
|
||||
<div>
|
||||
<h3 style="margin: 0;">🔌 Recent Sync History</h3>
|
||||
<p style="font-size: 0.85rem; color: #64748b; margin: 0;">Operational ledger of all API pushes, webhooks, and CSV uploads.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table style="font-size: 0.85rem; width: 100%; text-align: left; border-collapse: collapse; background: white; border: 1px solid #e2e8f0; border-radius: 8px;">
|
||||
<thead>
|
||||
<tr style="background: #f8fafc; border-bottom: 2px solid #e2e8f0;">
|
||||
<th style="padding: 10px 15px;">Timestamp</th>
|
||||
<th style="padding: 10px 15px;">Source</th>
|
||||
<th style="padding: 10px 15px; text-align: center;">Status</th>
|
||||
<th style="padding: 10px 15px; text-align: center;">Records Processed</th>
|
||||
<th style="padding: 10px 15px;">Diagnostics</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{range .SyncLogs}}
|
||||
<tr style="border-bottom: 1px solid #f1f5f9;">
|
||||
<td style="padding: 10px 15px; color: #64748b; font-family: monospace;">{{.CreatedAt}}</td>
|
||||
<td style="padding: 10px 15px; font-weight: bold; color: #0f172a;">{{.Source}}</td>
|
||||
<td style="padding: 10px 15px; text-align: center;">
|
||||
{{if eq .Status "Success"}}
|
||||
<span style="background: #dcfce7; color: #166534; padding: 2px 8px; border-radius: 12px; font-weight: bold;">✓ Success</span>
|
||||
{{else}}
|
||||
<span style="background: #fee2e2; color: #dc2626; padding: 2px 8px; border-radius: 12px; font-weight: bold;">✗ Failed</span>
|
||||
{{end}}
|
||||
</td>
|
||||
<td style="padding: 10px 15px; text-align: center; font-weight: bold; color: #475569;">{{.RecordsProcessed}}</td>
|
||||
<td style="padding: 10px 15px; color: #dc2626; font-family: monospace; font-size: 0.8rem;">{{.ErrorMessage}}</td>
|
||||
</tr>
|
||||
{{else}}
|
||||
<tr><td colspan="5" style="text-align: center; padding: 20px; color: #94a3b8;">No syncs recorded yet.</td></tr>
|
||||
{{end}}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{{end}}
|
||||
126
ui/templates/components/dash_modals.gohtml
Normal file
126
ui/templates/components/dash_modals.gohtml
Normal file
@@ -0,0 +1,126 @@
|
||||
{{define "dash_modals"}}
|
||||
<div id="upsellModal" class="modal-overlay" style="display: none;">
|
||||
<div class="modal-content" style="width: 400px; text-align: center;">
|
||||
<div style="font-size: 3rem; margin-bottom: 10px;">🚀</div>
|
||||
<h3 style="margin-top: 0; color: #0f172a;">RiskRancher Pro Required</h3>
|
||||
<p style="color: #64748b; font-size: 0.95rem; margin-bottom: 20px;">The <strong id="upsellFeatureName">feature</strong> is available in the Pro edition. Scale your operations with automation, advanced RBAC, and branded reports.</p>
|
||||
<div style="display: flex; gap: 10px; justify-content: center;">
|
||||
<button class="btn btn-secondary" onclick="document.getElementById('upsellModal').style.display='none'">Close</button>
|
||||
<a href="https://RiskRancher.com/pro" target="_blank" class="btn" style="background: #8b5cf6; color: white; text-decoration: none;">View Pro Plans</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="newTicketModal" class="modal-overlay" style="display: none;">
|
||||
<div class="modal-content" style="width: 500px; text-align: left;">
|
||||
<h3 style="margin-top: 0; color: #0f172a; border-bottom: 1px solid #e2e8f0; padding-bottom: 10px;">+ Log Manual Finding</h3>
|
||||
|
||||
<div style="margin-bottom: 15px;">
|
||||
<label style="font-weight: bold; display: block; margin-bottom: 5px; font-size: 0.9rem;">Title:</label>
|
||||
<input type="text" id="newTicketTitle" placeholder="e.g. Open S3 Bucket found" style="width: 100%; padding: 8px; border: 1px solid #cbd5e1; border-radius: 4px; box-sizing: border-box;">
|
||||
</div>
|
||||
|
||||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 15px;">
|
||||
<div>
|
||||
<label style="font-weight: bold; display: block; margin-bottom: 5px; font-size: 0.9rem;">Asset Identifier:</label>
|
||||
<input type="text" id="newTicketAsset" placeholder="e.g. aws-prod-bucket" style="width: 100%; padding: 8px; border: 1px solid #cbd5e1; border-radius: 4px; box-sizing: border-box;">
|
||||
</div>
|
||||
<div>
|
||||
<label style="font-weight: bold; display: block; margin-bottom: 5px; font-size: 0.9rem;">Severity:</label>
|
||||
<select id="newTicketSeverity" style="width: 100%; padding: 8px; border: 1px solid #cbd5e1; border-radius: 4px;">
|
||||
<option value="Critical">Critical</option>
|
||||
<option value="High" selected>High</option>
|
||||
<option value="Medium">Medium</option>
|
||||
<option value="Low">Low</option>
|
||||
<option value="Info">Info</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 20px;">
|
||||
<label style="font-weight: bold; display: block; margin-bottom: 5px; font-size: 0.9rem;">Description (Markdown supported):</label>
|
||||
<textarea id="newTicketDesc" style="width: 100%; padding: 8px; border: 1px solid #cbd5e1; border-radius: 4px; height: 100px; resize: vertical; box-sizing: border-box;"></textarea>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; justify-content: flex-end; gap: 10px;">
|
||||
<button class="btn btn-secondary" onclick="document.getElementById('newTicketModal').style.display='none'">Cancel</button>
|
||||
<button class="btn" style="background: #10b981; color: white; border: none;" onclick="submitNewTicket()">Create Finding</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="drawerOverlay" class="drawer-overlay" onclick="closeDrawer()"></div>
|
||||
<div id="ticketDrawer" class="drawer">
|
||||
<div class="drawer-header">
|
||||
<div>
|
||||
<span id="drawerBadge" class="badge" style="margin-bottom: 8px; display: inline-block;"></span>
|
||||
<h3 id="drawerTitle" style="margin: 0; color: #0f172a; font-size: 1.25rem;"></h3>
|
||||
<div id="drawerAsset" style="font-family: monospace; color: #475569; font-size: 0.9rem; margin-top: 8px; background: #e2e8f0; padding: 2px 6px; border-radius: 4px; display: inline-block;"></div>
|
||||
</div>
|
||||
<button onclick="closeDrawer()" style="background: none; border: none; font-size: 1.8rem; cursor: pointer; color: #94a3b8;">×</button>
|
||||
</div>
|
||||
|
||||
<div class="drawer-body" style="max-height: 75vh; overflow-y: auto; padding-right: 10px;">
|
||||
<input type="hidden" id="drawerTicketID">
|
||||
|
||||
<div id="drawerEvidenceBlock" style="display: none; margin-bottom: 20px; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 6px; padding: 15px; border-left: 4px solid #166534;">
|
||||
<label style="font-weight: bold; color: #14532d; display: block; margin-bottom: 5px;">IT Wrangler Evidence:</label>
|
||||
<div id="drawerEvidenceText" style="font-family: monospace; font-size: 0.9rem; color: #166534; white-space: pre-wrap; word-break: break-word;"></div>
|
||||
</div>
|
||||
|
||||
<div id="drawerReturnedBlock" style="display: none; margin-bottom: 20px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 6px; padding: 15px; border-left: 4px solid #991b1b;">
|
||||
<label style="font-weight: bold; color: #7f1d1d; display: block; margin-bottom: 5px;">🔄 Reason for Return:</label>
|
||||
<div id="drawerReturnedText" style="font-size: 0.9rem; color: #991b1b; white-space: pre-wrap; word-break: break-word;"></div>
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 20px;">
|
||||
<label style="font-weight: bold; color: #334155; display: block; margin-bottom: 5px;">Description (Live Preview):</label>
|
||||
<div id="drawerDescPreview" style="background: #f8fafc; border: 1px solid #cbd5e1; border-radius: 6px; padding: 15px; font-size: 0.95rem; color: #1e293b; overflow-x: auto;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="drawerEditControls">
|
||||
<div style="margin-bottom: 20px;">
|
||||
<label style="font-weight: bold; color: #334155; display: block; margin-bottom: 5px;">Edit Description (Markdown):</label>
|
||||
<textarea id="drawerDescEdit" onkeyup="updateDrawerPreview()" onchange="updateDrawerPreview()" style="width: 100%; padding: 10px; border: 1px solid #cbd5e1; border-radius: 6px; font-size: 0.9rem; font-family: monospace; resize: vertical; min-height: 120px;"></textarea>
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 20px;">
|
||||
<label style="font-weight: bold; color: #334155; display: block; margin-bottom: 5px;">Edit Recommended Remediation:</label>
|
||||
<textarea id="drawerRemEdit" style="width: 100%; padding: 10px; border: 1px solid #cbd5e1; border-radius: 6px; font-size: 0.9rem; resize: vertical; min-height: 80px;"></textarea>
|
||||
</div>
|
||||
|
||||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 20px;">
|
||||
<div>
|
||||
<label style="font-weight: bold; color: #334155; display: block; margin-bottom: 5px;">Adjust Severity:</label>
|
||||
<select id="drawerSeverity" style="width: 100%; padding: 10px; border: 1px solid #cbd5e1; border-radius: 6px; font-size: 0.95rem;">
|
||||
<option value="Critical">Critical</option>
|
||||
<option value="High">High</option>
|
||||
<option value="Medium">Medium</option>
|
||||
<option value="Low">Low</option>
|
||||
<option value="Info">Info</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<label style="font-weight: bold; color: #334155; display: block; margin-bottom: 5px;">Assign to IT (Email):</label>
|
||||
<input type="text" id="drawerAssignee" placeholder="e.g. sysadmin@company.com" style="width: 100%; padding: 10px; border: 1px solid #cbd5e1; border-radius: 6px; font-size: 0.95rem; box-sizing: border-box;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="background: #eff6ff; padding: 15px; border-radius: 6px; border-left: 4px solid #3b82f6;">
|
||||
<label style="font-weight: bold; color: #1e3a8a; display: block; margin-bottom: 5px;">Audit Trail Comment (Required if altering):</label>
|
||||
<input type="text" id="drawerComment" style="width: 100%; padding: 10px; border: 1px solid #bfdbfe; border-radius: 6px; box-sizing: border-box; font-size: 0.95rem;" placeholder="e.g., Updated remediation steps and severity...">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="drawer-footer" style="display: flex; justify-content: space-between; width: 100%;">
|
||||
<button class="btn btn-secondary" onclick="closeDrawer()">Discard</button>
|
||||
|
||||
<div id="drawerStandardActions" style="display: flex; gap: 10px;">
|
||||
<button class="btn btn-secondary" style="color: #ea580c; border-color: #fdba74; background: #fffbeb;" onclick="markFalsePositive()">🚫 Mark False Positive</button>
|
||||
<button class="btn" id="drawerSubmitBtn" style="background: #2563eb; color: white;">Save & Dispatch</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
108
ui/templates/components/dash_table.gohtml
Normal file
108
ui/templates/components/dash_table.gohtml
Normal file
@@ -0,0 +1,108 @@
|
||||
{{define "dash_table"}}
|
||||
<div class="unified-card">
|
||||
<div class="toolbar">
|
||||
<div style="display: flex; align-items: center; gap: 15px;">
|
||||
<h3 style="margin: 0; color: #0f172a;">Asset Triage Queue</h3>
|
||||
</div>
|
||||
|
||||
{{if eq .CurrentTab "archives"}}
|
||||
<select id="statusFilter" class="filter-dropdown" onchange="window.location.href='/dashboard?tab=archives&filter=' + this.value">
|
||||
<option value="all" {{if eq .CurrentFilter "all"}}selected{{end}}>All Archived</option>
|
||||
<option value="Patched" {{if eq .CurrentFilter "Patched"}}selected{{end}}>✅ Patched</option>
|
||||
<option value="False Positive" {{if eq .CurrentFilter "False Positive"}}selected{{end}}>👻 False Positives</option>
|
||||
</select>
|
||||
{{end}}
|
||||
|
||||
<div style="display: flex; gap: 10px;">
|
||||
<button class="btn" style="background: #10b981; color: white; border: none; padding: 6px 14px; font-size: 0.85rem; font-weight: bold; cursor: pointer;" onclick="openNewTicketModal()">+ New Finding</button>
|
||||
<a href="/ingest" class="btn" style="background: #2563eb; color: white; text-decoration: none; padding: 6px 14px; font-size: 0.85rem; display: flex; align-items: center;">📥 Import Data</a>
|
||||
<button class="btn" style="font-size: 0.85rem; padding: 6px 14px; background: #f8fafc; color: #64748b; border: 1px solid #cbd5e1;" onclick="showUpsell('Analyst God-Mode (Bulk Actions)')">🔒 Bulk Actions</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{if .CurrentAsset}}
|
||||
<div style="background: #eff6ff; border-bottom: 1px solid #bfdbfe; color: #1e3a8a; padding: 10px 20px; font-size: 0.9rem; display: flex; justify-content: space-between; align-items: center;">
|
||||
<div><strong>Asset Filter Active:</strong> Showing tickets for <code style="background: white; padding: 2px 6px; border-radius: 4px;">{{.CurrentAsset}}</code></div>
|
||||
<a href="/dashboard?tab={{.CurrentTab}}" style="background: #2563eb; color: white; padding: 4px 10px; border-radius: 4px; text-decoration: none; font-size: 0.8rem;">Clear Filter</a>
|
||||
</div>
|
||||
{{end}}
|
||||
|
||||
<table style="width: 100%; border-collapse: collapse; text-align: left; margin: 0;">
|
||||
<thead id="mainTableHeader" style="display: none;">
|
||||
<tr style="border-bottom: 2px solid #e2e8f0;">
|
||||
<th style="width: 40px; padding: 12px 20px;"><input type="checkbox" id="selectAll"></th>
|
||||
<th style="padding: 12px;">Severity</th>
|
||||
<th style="padding: 12px;">Source</th>
|
||||
<th style="padding: 12px;">Finding</th>
|
||||
<th style="padding: 12px;">IT Assignee</th>
|
||||
<th style="padding: 12px;">{{if eq .CurrentTab "holding_pen"}}⏳ Time to Triage{{else}}SLA Status{{end}}</th>
|
||||
{{if ne .CurrentTab "holding_pen"}}<th style="padding: 12px; text-align: right; padding-right: 20px;">Action</th>{{end}}
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="ticketTableBody">
|
||||
{{range .Tickets}}
|
||||
<tr class="ticket-row {{if eq $.CurrentTab "archives"}}archived-row{{end}}" data-asset="{{.AssetIdentifier}}">
|
||||
<td style="width: 40px;"><input type="checkbox" class="ticket-cb" name="ticket_ids" value="{{.ID}}"></td>
|
||||
<td style="width: 120px;"><span class="badge {{.Severity | lower}}">{{.Severity}}</span></td>
|
||||
<td style="width: 100px; font-size: 0.85rem; color: #475569;">{{.Source}}</td>
|
||||
<td>
|
||||
<textarea id="desc-{{.ID}}" style="display:none;">{{.Description}}</textarea>
|
||||
<textarea id="rem-{{.ID}}" style="display:none;">{{.RecommendedRemediation}}</textarea>
|
||||
<textarea id="ev-{{.ID}}" style="display:none;">{{.PatchEvidence}}</textarea>
|
||||
|
||||
<input type="hidden" id="status-{{.ID}}" value="{{.Status}}">
|
||||
<textarea id="comment-{{.ID}}" style="display:none;">{{.LatestComment}}</textarea>
|
||||
|
||||
<input type="hidden" id="assignee-{{.ID}}" value="{{.Assignee}}">
|
||||
|
||||
<a href="javascript:void(0)" style="font-weight: bold; color: #2563eb; text-decoration: none;" onclick="openDrawer('{{.ID}}', '{{.Title}}', '{{.AssetIdentifier}}', '{{.Severity}}')">{{.Title}}</a>
|
||||
|
||||
{{if eq .Status "Returned to Security"}}
|
||||
<div style="margin-top: 8px; background: #fef2f2; border-left: 3px solid #991b1b; padding: 6px 10px; font-size: 0.8rem; color: #7f1d1d; border-radius: 0 4px 4px 0;">
|
||||
<strong>🔄 Returned by IT:</strong> {{.LatestComment}}
|
||||
</div>
|
||||
{{end}}
|
||||
</td>
|
||||
<td style="width: 150px;">
|
||||
{{if eq .Assignee "Unassigned"}}
|
||||
<span style="color: #94a3b8; font-style: italic; font-size: 0.85rem;">Unassigned</span>
|
||||
{{else}}
|
||||
<span style="background: #e0e7ff; color: #3730a3; padding: 2px 8px; border-radius: 12px; font-size: 0.85rem; font-weight: bold;">{{.Assignee}}</span>
|
||||
{{end}}
|
||||
</td>
|
||||
<td style="width: 150px;">
|
||||
{{if eq $.CurrentTab "holding_pen"}}
|
||||
<span class="triage-timer" data-due="{{.TriageDueDate.Format "2006-01-02T15:04:05Z07:00"}}"></span>
|
||||
{{else}}
|
||||
{{if .IsOverdue}}<span style="color: #dc2626; font-weight: bold;">{{.SLAString}}</span>{{else}}<span style="color: #10b981; font-weight: bold;">{{.SLAString}}</span>{{end}}
|
||||
{{end}}
|
||||
</td>
|
||||
{{if eq $.CurrentTab "holding_pen"}}
|
||||
{{else if eq $.CurrentTab "chute"}}
|
||||
<td style="text-align: right;"><button class="btn btn-secondary" style="padding: 4px 8px; font-size: 0.8rem; color: #94a3b8; border-color: #e2e8f0;" onclick="showUpsell('Passwordless Magic Links')">🔒 Share Asset Link</button></td>
|
||||
{{else if eq $.CurrentTab "archives"}}
|
||||
<td style="text-align: right; vertical-align: middle;">
|
||||
{{if eq .Status "Patched"}}
|
||||
<span class="archive-badge" style="background: #dcfce7; color: #166534; border: 1px solid #bbf7d0;">✅ RESOLVED</span>
|
||||
{{else if eq .Status "False Positive"}}
|
||||
<span class="archive-badge" style="background: #fff7ed; color: #9a3412; border: 1px solid #ffedd5;">👻 IGNORED</span>
|
||||
{{end}}
|
||||
<div style="font-size: 0.75rem; color: #94a3b8; margin-top: 4px;">
|
||||
Archived {{.UpdatedAt.Format "Jan 02"}} (Took {{.SLAString}})
|
||||
</div>
|
||||
</td>
|
||||
{{end}}
|
||||
</tr>
|
||||
{{end}}
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="pagination" style="padding: 20px;">
|
||||
<span style="color: var(--text-muted); font-size: 0.9rem;">Page <strong>{{.CurrentPage}}</strong> of <strong>{{.TotalPages}}</strong></span>
|
||||
<div style="display: flex; gap: 10px;">
|
||||
<a href="/dashboard?tab={{.CurrentTab}}&page={{if .HasPrev}}{{.PrevPage}}{{else}}1{{end}}" class="btn {{if not .HasPrev}}disabled{{end}}">← Previous</a>
|
||||
<a href="/dashboard?tab={{.CurrentTab}}&page={{if .HasNext}}{{.NextPage}}{{else}}{{.TotalPages}}{{end}}" class="btn {{if not .HasNext}}disabled{{end}}">Next →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
19
ui/templates/components/dash_tabs.gohtml
Normal file
19
ui/templates/components/dash_tabs.gohtml
Normal file
@@ -0,0 +1,19 @@
|
||||
{{define "dash_tabs"}}
|
||||
<div class="tab-nav">
|
||||
<a href="/dashboard?tab=holding_pen" class="tab-btn {{if eq .CurrentTab "holding_pen"}}active{{end}}">
|
||||
📩 Holding Pen
|
||||
{{if gt .ReturnedCount 0}}
|
||||
<span class="notification-bubble">{{.ReturnedCount}}</span>
|
||||
{{end}}
|
||||
</a>
|
||||
<a href="/dashboard?tab=chute" class="tab-btn {{if eq .CurrentTab "chute"}}active{{end}}">🤠 The Chute (Assigned)</a>
|
||||
|
||||
<a href="javascript:void(0)" onclick="showUpsell('E2E Exception & Verification Pipeline')" class="tab-btn" style="color: #94a3b8;">
|
||||
🔒 Pending Verification (Pro)
|
||||
</a>
|
||||
|
||||
<a href="/dashboard?tab=archives" class="tab-btn {{if eq .CurrentTab "archives"}}active{{end}}">
|
||||
🗄️ The Archives
|
||||
</a>
|
||||
</div>
|
||||
{{end}}
|
||||
Reference in New Issue
Block a user