signature.digital/catalog
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(icons): migrate icon usage to the new dees-icon API and integrate collaboration sidebar into the editor

Browse Source
This commit is contained in:
Jürgen Kunz
2025-12-18 17:46:16 +00:00
parent 3d266c89b2
commit a9c2d2230c
17 changed files with 1090 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
ts_web/elements/sdig-contract-audit/sdig-contract-audit.ts
View File

@@ -42,23 +42,23 @@ interface IAuditEvent {
// Status workflow configuration
const STATUS_WORKFLOW = [
{ id: 'draft', label: 'Draft', icon: 'lucide:file-edit', color: '#f59e0b' },
{ id: 'review', label: 'Review', icon: 'lucide:eye', color: '#3b82f6' },
{ id: 'pending', label: 'Pending Signatures', icon: 'lucide:pen-tool', color: '#8b5cf6' },
{ id: 'signed', label: 'Signed', icon: 'lucide:check-circle', color: '#10b981' },
{ id: 'executed', label: 'Executed', icon: 'lucide:shield-check', color: '#059669' },
{ id: 'draft', label: 'Draft', icon: 'lucide:FileEdit', color: '#f59e0b' },
{ id: 'review', label: 'Review', icon: 'lucide:Eye', color: '#3b82f6' },
{ id: 'pending', label: 'Pending Signatures', icon: 'lucide:PenTool', color: '#8b5cf6' },
{ id: 'signed', label: 'Signed', icon: 'lucide:CheckCircle', color: '#10b981' },
{ id: 'executed', label: 'Executed', icon: 'lucide:ShieldCheck', color: '#059669' },
];
// Event type configuration
const EVENT_TYPES = {
created: { icon: 'lucide:plus-circle', color: '#10b981', label: 'Created' },
updated: { icon: 'lucide:pencil', color: '#3b82f6', label: 'Updated' },
status_change: { icon: 'lucide:arrow-right-circle', color: '#8b5cf6', label: 'Status Changed' },
signature: { icon: 'lucide:pen-tool', color: '#10b981', label: 'Signature' },
comment: { icon: 'lucide:message-circle', color: '#f59e0b', label: 'Comment' },
attachment: { icon: 'lucide:paperclip', color: '#6366f1', label: 'Attachment' },
viewed: { icon: 'lucide:eye', color: '#6b7280', label: 'Viewed' },
shared: { icon: 'lucide:share-2', color: '#ec4899', label: 'Shared' },
created: { icon: 'lucide:PlusCircle', color: '#10b981', label: 'Created' },
updated: { icon: 'lucide:Pencil', color: '#3b82f6', label: 'Updated' },
status_change: { icon: 'lucide:ArrowRightCircle', color: '#8b5cf6', label: 'Status Changed' },
signature: { icon: 'lucide:PenTool', color: '#10b981', label: 'Signature' },
comment: { icon: 'lucide:MessageCircle', color: '#f59e0b', label: 'Comment' },
attachment: { icon: 'lucide:Paperclip', color: '#6366f1', label: 'Attachment' },
viewed: { icon: 'lucide:Eye', color: '#6b7280', label: 'Viewed' },
shared: { icon: 'lucide:Share2', color: '#ec4899', label: 'Shared' },
};
@customElement('sdig-contract-audit')
@@ -623,7 +623,7 @@ export class SdigContractAudit extends DeesElement {
${STATUS_WORKFLOW.map((status, index) => html`
<div class="status-step ${index < currentStatusIndex ? 'completed' : ''} ${index === currentStatusIndex ? 'current' : ''}">
<div class="status-icon">
<dees-icon .iconFA=${status.icon}></dees-icon>
<dees-icon .icon=${status.icon}></dees-icon>
</div>
<div class="status-label">${status.label}</div>
</div>
@@ -658,11 +658,11 @@ export class SdigContractAudit extends DeesElement {
<div class="section-card">
<div class="section-header">
<div class="section-title">
<dees-icon .iconFA=${'lucide:history'}></dees-icon>
<dees-icon .icon=${'lucide:History'}></dees-icon>
Activity Log
</div>
<button class="btn btn-secondary">
<dees-icon .iconFA=${'lucide:download'}></dees-icon>
<dees-icon .icon=${'lucide:Download'}></dees-icon>
Export
</button>
</div>
@@ -697,7 +697,7 @@ export class SdigContractAudit extends DeesElement {
`
: html`
<div class="empty-state">
<dees-icon .iconFA=${'lucide:clock'}></dees-icon>
<dees-icon .icon=${'lucide:Clock'}></dees-icon>
<h4>No Events Found</h4>
<p>No activity matches your current filters</p>
</div>
@@ -714,7 +714,7 @@ export class SdigContractAudit extends DeesElement {
return html`
<div class="timeline-item">
<div class="timeline-dot" style="border-color: ${config.color}; color: ${config.color}">
<dees-icon .iconFA=${config.icon}></dees-icon>
<dees-icon .icon=${config.icon}></dees-icon>
</div>
<div class="timeline-content">
<div class="timeline-header">