From 56d393d16a129717744313eba57b86078a42da06 Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <gregor@scinote.net>
Date: Wed, 4 Oct 2023 11:30:34 +0200
Subject: [PATCH] Fixed a list-item bug where view_mode was active [SCI-9419]

---
 app/javascript/vue/shared/inline_edit.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/javascript/vue/shared/inline_edit.vue b/app/javascript/vue/shared/inline_edit.vue
index dda5df24d..9de4c2ce9 100644
--- a/app/javascript/vue/shared/inline_edit.vue
+++ b/app/javascript/vue/shared/inline_edit.vue
@@ -37,7 +37,7 @@
       :class="{ 'text-sn-grey font-normal': isBlank, 'whitespace-pre-line': !singleLine }"
       @click="enableEdit($event)"
     >
-      <span class="list-item" :class="{'truncate': singleLine}" v-if="smartAnnotation" v-html="sa_value || placeholder" ></span>
+      <span :class="{'truncate': singleLine, 'list-item': viewMode !== 'active'}" v-if="smartAnnotation" v-html="sa_value || placeholder" ></span>
       <span :class="{'truncate': singleLine}" v-else>{{newValue || placeholder}}</span>
     </div>
 
@@ -78,7 +78,8 @@
       return {
         editing: false,
         dirty: false,
-        newValue: ''
+        newValue: '',
+        viewMode: null
       }
     },
     mixins: [UtilsMixin],
@@ -90,6 +91,13 @@
       if (this.editOnload) {
         this.enableEdit();
       }
+
+      // determine whether view mode is in projects(active) or templates(inactive)
+      const urlSearchParam = window.location?.search
+      if (!urlSearchParam) return
+      if (urlSearchParam.includes('view_mode=active')) {
+        this.viewMode = 'active'
+      }
     },
     watch: {
       editing() {