Projets/ObsiViewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: replace emoji icons with SVG icons for archive and lock states

Browse Source
This commit is contained in:
Bruno Charest 2025-10-16 15:06:06 -04:00
parent 0555eb9ede
commit 3b7a4326a5
1 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/tags-view/note-viewer/note-viewer.component.ts
View File

@ -235,7 +235,19 @@ interface MetadataEntry {
} }
@if (hasState('archive')) { @if (hasState('archive')) {
<span class="inline-flex items-center gap-1 transition-colors" [ngClass]="state('archive') ? 'text-amber-600' : 'text-gray-400'" title="{{ state('archive') ? 'Document archivé' : 'Document non archivé' }}" role="img" aria-label="{{ state('archive') ? 'Document archivé' : 'Document non archivé' }}"> <span class="inline-flex items-center gap-1 transition-colors" [ngClass]="state('archive') ? 'text-amber-600' : 'text-gray-400'" title="{{ state('archive') ? 'Document archivé' : 'Document non archivé' }}" role="img" aria-label="{{ state('archive') ? 'Document archivé' : 'Document non archivé' }}">
{{ state('archive') ? '🗃️' : '📋' }} @if (state('archive')) {
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="22,12 18,12 18,8"/>
<path d="M18,2H6a2,2,0,0,0-2,2V22a2,2,0,0,0,2,2H18a2,2,0,0,0,2-2V8Z"/>
<line x1="10" y1="12" x2="14" y2="12"/>
</svg>
} @else {
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 8v13a2 2 0 01-2 2H5a2 2 0 01-2-2V8"/>
<path d="M3 4h18l-2-2H5l-2 2z"/>
<line x1="10" y1="12" x2="14" y2="12"/>
</svg>
}
</span> </span>
} }
@if (hasState('draft')) { @if (hasState('draft')) {
@ -262,9 +274,8 @@ interface MetadataEntry {
</svg> </svg>
} @else { } @else {
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="11" width="18" height="11" rx="2" /> <rect x="3" y="11" width="18" height="11" rx="2" ry="2" />
<path d="M7 11V7a5 5 0 0 1 9 0v1" /> <path d="M7 11V7a5 5 0 0 1 9.9-1" />
<path d="M17 21V11" />
</svg> </svg>
} }
</span> </span>
@ -528,8 +539,8 @@ export class NoteViewerComponent implements OnDestroy {
private buildPreviewData(noteTarget: string): PreviewData | null { private buildPreviewData(noteTarget: string): PreviewData | null {
const allNotes = this.allNotes(); const allNotes = this.allNotes();
console.log('[NoteViewer] Building preview for target:', noteTarget, 'from', allNotes.length, 'notes'); console.log('[NoteViewer] Building preview for target:', noteTarget, 'from', allNotes.length, 'notes');
const targetNote = allNotes.find(n => const targetNote = allNotes.find(n =>
n.id.toLowerCase() === noteTarget.toLowerCase() || n.id.toLowerCase() === noteTarget.toLowerCase() ||
n.title.toLowerCase() === noteTarget.toLowerCase() || n.title.toLowerCase() === noteTarget.toLowerCase() ||
n.fileName?.replace(/\.md$/, '').toLowerCase() === noteTarget.toLowerCase() n.fileName?.replace(/\.md$/, '').toLowerCase() === noteTarget.toLowerCase()