From 6dd63eed227a28b5f6b62e5882a7fe56603007a9 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Sat, 4 Nov 2023 20:12:17 -0700
Subject: [PATCH] Show link button for url component

---
 .../app/components/common/input/url/url.component.html   | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src-ui/src/app/components/common/input/url/url.component.html b/src-ui/src/app/components/common/input/url/url.component.html
index 010d8d9cb..f3b547b30 100644
--- a/src-ui/src/app/components/common/input/url/url.component.html
+++ b/src-ui/src/app/components/common/input/url/url.component.html
@@ -9,7 +9,14 @@
         </button>
       </div>
       <div [class.col-md-9]="horizontal">
-        <input #inputField type="url" class="form-control" [class.is-invalid]="error" placeholder="https://" [id]="inputId" [(ngModel)]="value" (change)="onChange(value)" [disabled]="disabled">
+        <div class="input-group">
+          <input #inputField type="url" class="form-control" [class.is-invalid]="error" placeholder="https://" [id]="inputId" [(ngModel)]="value" (change)="onChange(value)" [disabled]="disabled">
+          <a class="btn btn-outline-secondary" title="Open link" i18n-title [href]="value" target="_blank">
+            <svg class="buttonicon-sm" fill="currentColor">
+              <use xlink:href="assets/bootstrap-icons.svg#box-arrow-up-right" />
+            </svg>
+          </a>
+        </div>
         <small *ngIf="hint" class="form-text text-muted" [innerHTML]="hint | safeHtml"></small>
         <div class="invalid-feedback">
           {{error}}