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

22
ts_web/elements/sdig-contract-collaboration/sdig-contract-collaboration.ts
View File

@@ -765,7 +765,7 @@ export class SdigContractCollaboration extends DeesElement {
</div>
</div>
<button class="share-btn">
<dees-icon .iconFA=${'lucide:share-2'}></dees-icon>
<dees-icon .icon=${'lucide:Share2'}></dees-icon>
Share
</button>
</div>
@@ -774,7 +774,7 @@ export class SdigContractCollaboration extends DeesElement {
<div class="section-card">
<div class="section-header">
<div class="section-title">
<dees-icon .iconFA=${'lucide:message-circle'}></dees-icon>
<dees-icon .icon=${'lucide:MessageCircle'}></dees-icon>
Comments
${openComments > 0 ? html`<span class="section-badge">${openComments} open</span>` : ''}
</div>
@@ -813,7 +813,7 @@ export class SdigContractCollaboration extends DeesElement {
@input=${(e: Event) => (this.newCommentText = (e.target as HTMLTextAreaElement).value)}
></textarea>
<button class="btn btn-primary" @click=${this.handleAddComment}>
<dees-icon .iconFA=${'lucide:send'}></dees-icon>
<dees-icon .icon=${'lucide:Send'}></dees-icon>
Comment
</button>
</div>
@@ -829,7 +829,7 @@ export class SdigContractCollaboration extends DeesElement {
`
: html`
<div class="empty-state" style="margin-top: 16px;">
<dees-icon .iconFA=${'lucide:message-square'}></dees-icon>
<dees-icon .icon=${'lucide:MessageSquare'}></dees-icon>
<h4>No Comments</h4>
<p>Start a discussion by adding a comment</p>
</div>
@@ -841,7 +841,7 @@ export class SdigContractCollaboration extends DeesElement {
<div class="section-card">
<div class="section-header">
<div class="section-title">
<dees-icon .iconFA=${'lucide:git-pull-request'}></dees-icon>
<dees-icon .icon=${'lucide:GitPullRequest'}></dees-icon>
Suggestions
${pendingSuggestions > 0 ? html`<span class="section-badge">${pendingSuggestions} pending</span>` : ''}
</div>
@@ -855,7 +855,7 @@ export class SdigContractCollaboration extends DeesElement {
`
: html`
<div class="empty-state">
<dees-icon .iconFA=${'lucide:edit-3'}></dees-icon>
<dees-icon .icon=${'lucide:Edit3'}></dees-icon>
<h4>No Suggestions</h4>
<p>Suggested changes will appear here</p>
</div>
@@ -883,7 +883,7 @@ export class SdigContractCollaboration extends DeesElement {
class="btn btn-ghost btn-sm"
@click=${() => this.handleResolveComment(comment.id)}
>
<dees-icon .iconFA=${comment.resolved ? 'lucide:rotate-ccw' : 'lucide:check'}></dees-icon>
<dees-icon .icon=${comment.resolved ? 'lucide:RotateCcw' : 'lucide:Check'}></dees-icon>
${comment.resolved ? 'Reopen' : 'Resolve'}
</button>
`
@@ -893,7 +893,7 @@ export class SdigContractCollaboration extends DeesElement {
${comment.anchorText
? html`
<div class="comment-anchor">
<dees-icon .iconFA=${'lucide:link'}></dees-icon>
<dees-icon .icon=${'lucide:Link'}></dees-icon>
${comment.anchorText}
</div>
`
@@ -941,7 +941,7 @@ export class SdigContractCollaboration extends DeesElement {
</div>
</div>
<div class="suggestion-status ${suggestion.status}">
<dees-icon .iconFA=${suggestion.status === 'pending' ? 'lucide:clock' : suggestion.status === 'accepted' ? 'lucide:check' : 'lucide:x'}></dees-icon>
<dees-icon .icon=${suggestion.status === 'pending' ? 'lucide:Clock' : suggestion.status === 'accepted' ? 'lucide:Check' : 'lucide:X'}></dees-icon>
${suggestion.status.charAt(0).toUpperCase() + suggestion.status.slice(1)}
</div>
</div>
@@ -956,11 +956,11 @@ export class SdigContractCollaboration extends DeesElement {
? html`
<div class="suggestion-actions">
<button class="btn btn-success btn-sm" @click=${() => this.handleAcceptSuggestion(suggestion.id)}>
<dees-icon .iconFA=${'lucide:check'}></dees-icon>
<dees-icon .icon=${'lucide:Check'}></dees-icon>
Accept
</button>
<button class="btn btn-danger btn-sm" @click=${() => this.handleRejectSuggestion(suggestion.id)}>
<dees-icon .iconFA=${'lucide:x'}></dees-icon>
<dees-icon .icon=${'lucide:X'}></dees-icon>
Reject
</button>
</div>