From 94ade20dc45bb3d2914715173e032ce067996da5 Mon Sep 17 00:00:00 2001
From: Liisa Lado-Villar <145-lilado@users.noreply.gitlab.ci.csc.fi>
Date: Fri, 26 Jan 2024 16:41:24 +0200
Subject: [PATCH 1/6] refactor eslint configuration to allow camelcase for
 footerOptions

---
 swift_browser_ui_frontend/src/components/ShareModalTable.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/swift_browser_ui_frontend/src/components/ShareModalTable.vue b/swift_browser_ui_frontend/src/components/ShareModalTable.vue
index 5f0f3c996..9bb729e99 100644
--- a/swift_browser_ui_frontend/src/components/ShareModalTable.vue
+++ b/swift_browser_ui_frontend/src/components/ShareModalTable.vue
@@ -56,6 +56,7 @@
         </c-button>
       </c-card-actions>
     </c-alert>
+    <!-- eslint-disable-->
     <c-data-table
       v-if="tableData.length > 0"
       id="shared-projects-table"

From c38c33bbfcb2f296cda355a99ec2acb01f2305c0 Mon Sep 17 00:00:00 2001
From: Liisa Lado-Villar <145-lilado@users.noreply.gitlab.ci.csc.fi>
Date: Thu, 1 Feb 2024 13:14:44 +0200
Subject: [PATCH 2/6] use i18n-t tags instead of v-html

---
 swift_browser_ui_frontend/src/components/ShareModal.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/swift_browser_ui_frontend/src/components/ShareModal.vue b/swift_browser_ui_frontend/src/components/ShareModal.vue
index 5fabb6519..237249f62 100644
--- a/swift_browser_ui_frontend/src/components/ShareModal.vue
+++ b/swift_browser_ui_frontend/src/components/ShareModal.vue
@@ -174,6 +174,7 @@ import {
   addNewTag,
   deleteTag,
 } from "@/common/globalFunctions";
+
 import {
   addFocusClass,
   removeFocusClass,

From 45bb7b053ac9998073bdd09de351a525fb474b83 Mon Sep 17 00:00:00 2001
From: Liisa Lado-Villar <145-lilado@users.noreply.gitlab.ci.csc.fi>
Date: Fri, 2 Feb 2024 11:07:15 +0200
Subject: [PATCH 3/6] fix removing v-html from shareguide list

---
 swift_browser_ui_frontend/src/components/ShareModal.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/swift_browser_ui_frontend/src/components/ShareModal.vue b/swift_browser_ui_frontend/src/components/ShareModal.vue
index 237249f62..5fabb6519 100644
--- a/swift_browser_ui_frontend/src/components/ShareModal.vue
+++ b/swift_browser_ui_frontend/src/components/ShareModal.vue
@@ -174,7 +174,6 @@ import {
   addNewTag,
   deleteTag,
 } from "@/common/globalFunctions";
-
 import {
   addFocusClass,
   removeFocusClass,

From 2498287313e093bb8d962ea88020a0130ab48ad1 Mon Sep 17 00:00:00 2001
From: Liisa Lado-Villar <145-lilado@users.noreply.gitlab.ci.csc.fi>
Date: Fri, 23 Feb 2024 16:22:38 +0200
Subject: [PATCH 4/6] replace v-html with v-if v-for

---
 CHANGELOG.md                                  |  3 +-
 .../src/components/SearchResultItem.vue       | 67 ++++++++++++++-----
 2 files changed, 54 insertions(+), 16 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 30864bfb1..6a6aafbd0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -29,7 +29,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - (GL #1180) Add enforcing token lifetimes to signature authentication middleware
 
 ### Changed
-- Refactor to remove eslint supression
+- (GL #1197) Refactor to remove eslint supression
+  - for search replaced v-html with v-if and v-for
   - for sharing and sharing tooltip including language changes
   - for share modal to comply Vue style guide
   - no-prototype-builtins and camel case
diff --git a/swift_browser_ui_frontend/src/components/SearchResultItem.vue b/swift_browser_ui_frontend/src/components/SearchResultItem.vue
index df77e32c9..cab9179b9 100644
--- a/swift_browser_ui_frontend/src/components/SearchResultItem.vue
+++ b/swift_browser_ui_frontend/src/components/SearchResultItem.vue
@@ -13,8 +13,21 @@
               ? $t('message.search.container')
               : $t('message.search.object')
           }}: </b>
-          <!-- eslint-disable-next-line -->
-          <span v-html="getFilename()" />
+          <span v-if="retest(getFilename())">
+            <span
+              v-for="(apart, ind) in getParts(getFilename())"
+              :key="ind"
+            >
+              <span
+                v-if="searchArray.includes(apart)"
+                class="hl-1"
+              >
+                {{ apart }}
+              </span>
+              <span v-else>{{ apart }}</span>
+            </span>
+          </span>
+          <span v-else>{{ getFilename() }}</span>
         </span>
         <br>
         <small>
@@ -25,14 +38,35 @@
           </span>
           <span v-if="!isSubfolder() && hasPath()">
             <b>{{ $t('message.search.folder') }}: </b>
-            <!-- eslint-disable-next-line -->
-            <span v-html="getFilePath()" />
+            <span v-if="retest(getFilePath())">
+              <span
+                v-for="(pathp, indx) in getParts(getFilePath())"
+                :key="indx"
+              >
+                <span
+                  v-if="searchArray.includes(pathp)"
+                  class="hl-1"
+                >
+                  {{ pathp }}
+                </span>
+                <span v-else>{{ pathp }}</span>
+              </span>
+            </span>
+            <span v-else>{{ getFilePath() }}</span>
             <br>
           </span>
           <span v-if="item.tags && item.tags.length">
             <b>{{ $t('message.search.tags') }}: </b>
-            <!-- eslint-disable-next-line -->
-            <span v-html="highlight(item.tags.join(', '))" />
+            <span
+              v-for="atag in getParts(item.tags.join(', '))"
+              :key="atag"
+            >
+              <span
+                v-if="retest(atag)"
+                class="hl-1"
+              >{{ atag }}</span>
+              <span v-else>{{ atag }}</span>
+            </span>
             <br>
           </span>
           <span>
@@ -52,9 +86,6 @@
 <script>
 import { getHumanReadableSize, tokenizerRE } from "@/common/conv";
 
-const highlightTemplate =
-  "$1<span class='hl-1'>$2$3</span>";
-
 export default {
   name: "SearchResultItem",
   props: [
@@ -84,7 +115,7 @@ export default {
         filename = this.$props.item.name;
       }
       filename = this.$props.item.name.replace(/^.*\//, "");
-      return this.highlight(filename);
+      return filename;
     },
     getFilePath: function() {
       let filePath = "";
@@ -96,16 +127,22 @@ export default {
       let str = this.$props.item.name.slice(0, index);
       //leave last subfolder
       filePath = str.slice(str.lastIndexOf("/")+1, str.length);
-      return this.highlight(filePath);
+      return filePath;
     },
-    highlight: function(text) {
+    retest: function(searched) {
       const searchFor = this.searchArray.join("|");
       const re = new RegExp(`(${tokenizerRE})(${searchFor})|(^${searchFor})`, "igu");
-
+      return re.test(searched);
+    },
+    getParts: function(text) {
+      let splits = [];
+      const searchFor = this.searchArray.join("|");
+      const re = new RegExp(`(${tokenizerRE})(${searchFor})|(^${searchFor})`, "igu");
+      // Return a non sparse array split by the searched
       if(re.test(text)) {
-        text = text.replace(re, highlightTemplate);
+        splits = text.split(re).filter(element => element);
       }
-      return text;
+      return splits;
     },
   },
 };

From 20ceca4b94f336805eef3ff3b27f96846234c21d Mon Sep 17 00:00:00 2001
From: Liisa Lado-Villar <145-lilado@users.noreply.gitlab.ci.csc.fi>
Date: Thu, 29 Feb 2024 12:31:15 +0200
Subject: [PATCH 5/6] fix set comparison to use lowercase

---
 swift_browser_ui_frontend/src/components/SearchResultItem.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/swift_browser_ui_frontend/src/components/SearchResultItem.vue b/swift_browser_ui_frontend/src/components/SearchResultItem.vue
index cab9179b9..e92240972 100644
--- a/swift_browser_ui_frontend/src/components/SearchResultItem.vue
+++ b/swift_browser_ui_frontend/src/components/SearchResultItem.vue
@@ -19,7 +19,7 @@
               :key="ind"
             >
               <span
-                v-if="searchArray.includes(apart)"
+                v-if="searchArray.includes(apart.toLowerCase())"
                 class="hl-1"
               >
                 {{ apart }}

From ddff0fb8949d3da3cb9eb35b5824ca0416e79b65 Mon Sep 17 00:00:00 2001
From: Liisa Lado-Villar <145-lilado@users.noreply.gitlab.ci.csc.fi>
Date: Mon, 11 Mar 2024 19:14:41 +0200
Subject: [PATCH 6/6] remove eslint-disable

---
 swift_browser_ui_frontend/src/components/ShareModalTable.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/swift_browser_ui_frontend/src/components/ShareModalTable.vue b/swift_browser_ui_frontend/src/components/ShareModalTable.vue
index 9bb729e99..5f0f3c996 100644
--- a/swift_browser_ui_frontend/src/components/ShareModalTable.vue
+++ b/swift_browser_ui_frontend/src/components/ShareModalTable.vue
@@ -56,7 +56,6 @@
         </c-button>
       </c-card-actions>
     </c-alert>
-    <!-- eslint-disable-->
     <c-data-table
       v-if="tableData.length > 0"
       id="shared-projects-table"