From a08a256e98b91de47ae8278d0a627d216b7509c1 Mon Sep 17 00:00:00 2001
From: Mononaut <github@monospace.live>
Date: Sat, 10 May 2025 18:28:14 +0000
Subject: [PATCH] label annex in transaction details

---
 .../transactions-list/transactions-list.component.html     | 5 +++++
 .../transactions-list/transactions-list.component.scss     | 7 +++++++
 frontend/src/app/shared/shared.module.ts                   | 3 ++-
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/components/transactions-list/transactions-list.component.html b/frontend/src/app/components/transactions-list/transactions-list.component.html
index 08ffb69d4..cb756209f 100644
--- a/frontend/src/app/components/transactions-list/transactions-list.component.html
+++ b/frontend/src/app/components/transactions-list/transactions-list.component.html
@@ -183,6 +183,11 @@
                                   <fa-icon [icon]="['fas', 'key']" [fixedWidth]="true"></fa-icon>
                                 </span>
                               </ng-container>
+                              @if (vin.witness.length > 1 && windex === vin.witness.length - 1 && witness.slice(0, 2) === '50') {
+                                <span class="annex" ngbTooltip="annex">
+                                  <fa-icon [icon]="['fas', 'paperclip']" [fixedWidth]="true"></fa-icon>
+                                </span>
+                              }
                               @if (witness.length > 1000) {
                                 @if (!showFullWitness[vindex][windex]) {
                                   {{ witness | slice:0:1000 }}
diff --git a/frontend/src/app/components/transactions-list/transactions-list.component.scss b/frontend/src/app/components/transactions-list/transactions-list.component.scss
index 7e1327e2e..4aa93907b 100644
--- a/frontend/src/app/components/transactions-list/transactions-list.component.scss
+++ b/frontend/src/app/components/transactions-list/transactions-list.component.scss
@@ -150,6 +150,13 @@
 	transition: transform 0.2s ease, opacity 0.2s ease;
 }
 
+.annex {
+	margin-right: -5px;
+	position: relative;
+	left: 0px;
+	top: 0px;
+}
+
 .mobile-bottomcol {
 	margin-top: 15px;
 	@media (min-width: 992px) {
diff --git a/frontend/src/app/shared/shared.module.ts b/frontend/src/app/shared/shared.module.ts
index 28d19a256..fe86d02ca 100644
--- a/frontend/src/app/shared/shared.module.ts
+++ b/frontend/src/app/shared/shared.module.ts
@@ -7,7 +7,7 @@ import { faFilter, faAngleDown, faAngleUp, faAngleRight, faAngleLeft, faBolt, fa
   faFileAlt, faRedoAlt, faArrowAltCircleRight, faExternalLinkAlt, faListUl, faDownload, faQrcode, faArrowRightArrowLeft, faArrowsRotate, faCircleLeft,
   faFastForward, faWallet, faUserClock, faWrench, faUserFriends, faQuestionCircle, faHistory, faSignOutAlt, faKey, faSuitcase, faIdCardAlt, faNetworkWired, faUserCheck,
   faCircleCheck, faUserCircle, faCheck, faRocket, faScaleBalanced, faHourglassStart, faHourglassHalf, faHourglassEnd, faWandMagicSparkles, faTimeline,
-  faCircleXmark, faCalendarCheck, faMoneyBillTrendUp, faRobot, faShareNodes, faCreditCard, faMicroscope, faExclamationTriangle, faLockOpen } from '@fortawesome/free-solid-svg-icons';
+  faCircleXmark, faCalendarCheck, faMoneyBillTrendUp, faRobot, faShareNodes, faCreditCard, faMicroscope, faExclamationTriangle, faLockOpen, faPaperclip } from '@fortawesome/free-solid-svg-icons';
 import { InfiniteScrollModule } from 'ngx-infinite-scroll';
 import { MenuComponent } from '@components/menu/menu.component';
 import { PreviewTitleComponent } from '@components/master-page-preview/preview-title.component';
@@ -465,5 +465,6 @@ export class SharedModule {
     library.addIcons(faMicroscope);
     library.addIcons(faExclamationTriangle);
     library.addIcons(faLockOpen);
+    library.addIcons(faPaperclip);
   }
 }