From 9f1dcf9023d32a442e1c44d1b1ca4edd4ed36831 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Sun, 31 Dec 2023 18:50:24 -0800
Subject: [PATCH] Add ID badge to triggers + actions

---
 .../workflow-edit-dialog.component.html              | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src-ui/src/app/components/common/edit-dialog/workflow-edit-dialog/workflow-edit-dialog.component.html b/src-ui/src/app/components/common/edit-dialog/workflow-edit-dialog/workflow-edit-dialog.component.html
index 584b901d1..4663a7f77 100644
--- a/src-ui/src/app/components/common/edit-dialog/workflow-edit-dialog/workflow-edit-dialog.component.html
+++ b/src-ui/src/app/components/common/edit-dialog/workflow-edit-dialog/workflow-edit-dialog.component.html
@@ -38,8 +38,10 @@
                   <div ngbAccordionItem>
                     <div ngbAccordionHeader>
                       <button ngbAccordionButton>{{i + 1}}. {{getTriggerTypeOptionName(triggerFields.controls[i].value.type)}}
-
-                        <button type="button" class="btn btn-link text-danger ms-3" (click)="removeTrigger(i)">
+                        @if(trigger.id > -1) {
+                          <span class="badge bg-dark text-light ms-2">ID: {{trigger.id}}</span>
+                        }
+                        <button type="button" class="btn btn-link text-danger ms-2" (click)="removeTrigger(i)">
                           <svg class="sidebaricon me-1" fill="currentColor">
                             <use xlink:href="assets/bootstrap-icons.svg#trash" />
                           </svg>
@@ -80,8 +82,10 @@
                   <div ngbAccordionItem cdkDrag [formGroup]="actionFields.controls[i]">
                     <div ngbAccordionHeader>
                       <button ngbAccordionButton><ng-container i18n>Action</ng-container> {{i + 1}}
-
-                        <button type="button" class="btn btn-link text-danger ms-3" (click)="removeAction(i)">
+                        @if(action.id > -1) {
+                          <span class="badge bg-dark text-light ms-2">ID: {{action.id}}</span>
+                        }
+                        <button type="button" class="btn btn-link text-danger ms-2" (click)="removeAction(i)">
                           <svg class="sidebaricon me-1" fill="currentColor">
                             <use xlink:href="assets/bootstrap-icons.svg#trash" />
                           </svg>