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

28
ts_web/elements/sdig-contract-terms/sdig-contract-terms.ts
View File

@@ -33,9 +33,9 @@ interface ITermTabConfig {
}
const TERM_TABS: ITermTabConfig[] = [
{ id: 'financial', label: 'Financial Terms', icon: 'lucide:banknote', description: 'Payment schedules, rates, and penalties' },
{ id: 'time', label: 'Time Terms', icon: 'lucide:calendar', description: 'Milestones, deadlines, and renewal' },
{ id: 'obligations', label: 'Obligations', icon: 'lucide:check-square', description: 'Deliverables, SLAs, and warranties' },
{ id: 'financial', label: 'Financial Terms', icon: 'lucide:Banknote', description: 'Payment schedules, rates, and penalties' },
{ id: 'time', label: 'Time Terms', icon: 'lucide:Calendar', description: 'Milestones, deadlines, and renewal' },
{ id: 'obligations', label: 'Obligations', icon: 'lucide:CheckSquare', description: 'Deliverables, SLAs, and warranties' },
];
// Extended contract terms interfaces (for future interface updates)
@@ -588,7 +588,7 @@ export class SdigContractTerms extends DeesElement {
class="tab-btn ${this.activeTab === tab.id ? 'active' : ''}"
@click=${() => this.handleTabChange(tab.id)}
>
<dees-icon .iconFA=${tab.icon}></dees-icon>
<dees-icon .icon=${tab.icon}></dees-icon>
${tab.label}
</button>
`
@@ -640,7 +640,7 @@ export class SdigContractTerms extends DeesElement {
${!this.readonly
? html`
<button class="btn btn-secondary" @click=${this.handleAddPayment}>
<dees-icon .iconFA=${'lucide:plus'}></dees-icon>
<dees-icon .icon=${'lucide:Plus'}></dees-icon>
Add Payment
</button>
`
@@ -671,7 +671,7 @@ export class SdigContractTerms extends DeesElement {
? html`
<td>
<button class="btn btn-ghost btn-sm">
<dees-icon .iconFA=${'lucide:pencil'}></dees-icon>
<dees-icon .icon=${'lucide:Pencil'}></dees-icon>
</button>
</td>
`
@@ -684,7 +684,7 @@ export class SdigContractTerms extends DeesElement {
`
: html`
<div class="empty-state">
<dees-icon .iconFA=${'lucide:banknote'}></dees-icon>
<dees-icon .icon=${'lucide:Banknote'}></dees-icon>
<h4>No Payment Schedule</h4>
<p>Add payment terms to track financial obligations</p>
</div>
@@ -724,7 +724,7 @@ export class SdigContractTerms extends DeesElement {
${!this.readonly
? html`
<button class="btn btn-secondary" @click=${this.handleAddMilestone}>
<dees-icon .iconFA=${'lucide:plus'}></dees-icon>
<dees-icon .icon=${'lucide:Plus'}></dees-icon>
Add Milestone
</button>
`
@@ -755,7 +755,7 @@ export class SdigContractTerms extends DeesElement {
? html`
<td>
<button class="btn btn-ghost btn-sm">
<dees-icon .iconFA=${'lucide:pencil'}></dees-icon>
<dees-icon .icon=${'lucide:Pencil'}></dees-icon>
</button>
</td>
`
@@ -768,7 +768,7 @@ export class SdigContractTerms extends DeesElement {
`
: html`
<div class="empty-state">
<dees-icon .iconFA=${'lucide:calendar'}></dees-icon>
<dees-icon .icon=${'lucide:Calendar'}></dees-icon>
<h4>No Milestones</h4>
<p>Add milestones to track project progress</p>
</div>
@@ -799,7 +799,7 @@ export class SdigContractTerms extends DeesElement {
<!-- Info banner -->
<div class="info-banner">
<dees-icon .iconFA=${'lucide:info'}></dees-icon>
<dees-icon .icon=${'lucide:Info'}></dees-icon>
<div class="info-banner-content">
<div class="info-banner-title">Contractual Obligations</div>
<div class="info-banner-text">
@@ -818,7 +818,7 @@ export class SdigContractTerms extends DeesElement {
${!this.readonly
? html`
<button class="btn btn-secondary" @click=${this.handleAddObligation}>
<dees-icon .iconFA=${'lucide:plus'}></dees-icon>
<dees-icon .icon=${'lucide:Plus'}></dees-icon>
Add Obligation
</button>
`
@@ -849,7 +849,7 @@ export class SdigContractTerms extends DeesElement {
? html`
<td>
<button class="btn btn-ghost btn-sm">
<dees-icon .iconFA=${'lucide:pencil'}></dees-icon>
<dees-icon .icon=${'lucide:Pencil'}></dees-icon>
</button>
</td>
`
@@ -862,7 +862,7 @@ export class SdigContractTerms extends DeesElement {
`
: html`
<div class="empty-state">
<dees-icon .iconFA=${'lucide:check-square'}></dees-icon>
<dees-icon .icon=${'lucide:CheckSquare'}></dees-icon>
<h4>No Obligations</h4>
<p>Add obligations to track party responsibilities</p>
</div>