From f68cb058419811ee8546550cf76fc120ac016634 Mon Sep 17 00:00:00 2001
From: Arne Tarara <arne@datafuse.de>
Date: Mon, 30 Oct 2023 09:09:54 +0100
Subject: [PATCH] Moving all list links to target blank

---
 frontend/js/energy-timeline.js | 8 ++++----
 frontend/js/helpers/runs.js    | 2 +-
 frontend/js/timeline.js        | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/js/energy-timeline.js b/frontend/js/energy-timeline.js
index ba2d7e8f2..be59e8e37 100644
--- a/frontend/js/energy-timeline.js
+++ b/frontend/js/energy-timeline.js
@@ -17,7 +17,7 @@ $(document).ready(function () {
             chart_node.classList.add('ui')
             chart_node.classList.add('wide')
 
-            const url_link = `${replaceRepoIcon(url)} <a href="${url}"><i class="icon external alternate"></i></a>`;
+            const url_link = `${replaceRepoIcon(url)} <a href="${url}" target="_blank"><i class="icon external alternate"></i></a>`;
             chart_node.innerHTML = `
                 <div class="content">
                     <div class="header">${name}</div>
@@ -47,7 +47,7 @@ $(document).ready(function () {
                                     <i class="question circle icon link"></i>
                                 </i>
                             </div>
-                            <span class="energy-badge-container"><a href="${METRICS_URL}/timeline.html?uri=${url}&branch=${branch}&filename=${filename}&machine_id=${machine_id}"><img src="${API_URL}/v1/badge/timeline?uri=${url}&branch=${branch}&filename=${filename}&machine_id=${machine_id}&metrics=${metric_name}&detail_name=${detail_name}" alt="Image Failed to Load" onerror="this.closest('.field').style.display='none'"></a></span>
+                            <span class="energy-badge-container"><a href="${METRICS_URL}/timeline.html?uri=${url}&branch=${branch}&filename=${filename}&machine_id=${machine_id}" target="_blank"><img src="${API_URL}/v1/badge/timeline?uri=${url}&branch=${branch}&filename=${filename}&machine_id=${machine_id}&metrics=${metric_name}&detail_name=${detail_name}" alt="Image Failed to Load" onerror="this.closest('.field').style.display='none'"></a></span>
                             <a href="#" class="copy-badge"><i class="copy icon"></i></a>
                         </div>
                         </div>
@@ -57,11 +57,11 @@ $(document).ready(function () {
             chart_node.innerHTML = `${chart_node.innerHTML}
                 </div>
 		<hr>
-                <a class="ui button blue" href="/timeline.html?uri=${url}&filename=${filename}&branch=${branch}&machine_id=${machine_id}">
+                <a class="ui button blue" href="/timeline.html?uri=${url}&filename=${filename}&branch=${branch}&machine_id=${machine_id}" target="_blank">
                     Show Timeline <i class="external alternate icon"></i>
                 </a>
                 <hr>
-                <a class="ui button grey" href="/index.html?uri=${url}&filename=${filename}&branch=${branch}&machine_id=${machine_id}">
+                <a class="ui button grey" href="/index.html?uri=${url}&filename=${filename}&branch=${branch}&machine_id=${machine_id}" target="_blank">
                     Show All Measurements <i class="external alternate icon"></i>
                 </a>`
 
diff --git a/frontend/js/helpers/runs.js b/frontend/js/helpers/runs.js
index 66ed8e824..7c51ad2cd 100644
--- a/frontend/js/helpers/runs.js
+++ b/frontend/js/helpers/runs.js
@@ -99,7 +99,7 @@ const getRunsTable = (el, url, include_uri=true, include_button=true, searching=
 
                 if(row[9] == null) name = `${name} (in progress 🔥)`;
                 if(row[5] != null) name = `${name} <span class="ui yellow horizontal label" title="${row[5]}">invalidated</span>`;
-                return `<a href="/stats.html?id=${row[0]}">${name}</a>`
+                return `<a href="/stats.html?id=${row[0]}" target="_blank">${name}</a>`
             },
         },
     ]
diff --git a/frontend/js/timeline.js b/frontend/js/timeline.js
index fc0222655..3cf228ea3 100644
--- a/frontend/js/timeline.js
+++ b/frontend/js/timeline.js
@@ -192,7 +192,7 @@ const loadCharts = async () => {
                             <i class="question circle icon link"></i>
                         </i>
                     </div>
-                    <span class="energy-badge-container"><a href="${METRICS_URL}/timeline.html?${buildQueryParams()}"><img src="${API_URL}/v1/badge/timeline?${buildQueryParams(skip_dates=false,metric_override=series[my_series].metric_name,detail_name=series[my_series].detail_name)}"></a></span>
+                    <span class="energy-badge-container"><a href="${METRICS_URL}/timeline.html?${buildQueryParams()}" target="_blank"><img src="${API_URL}/v1/badge/timeline?${buildQueryParams(skip_dates=false,metric_override=series[my_series].metric_name,detail_name=series[my_series].detail_name)}"></a></span>
                     <a href="#" class="copy-badge"><i class="copy icon"></i></a>
                 </div>
                 <p></p>`