From 79e34e368b3048a08d63583d5ea3796015fc01bc Mon Sep 17 00:00:00 2001
From: Anton <anton@scinote.net>
Date: Mon, 7 Apr 2025 15:45:53 +0200
Subject: [PATCH] Fix status and text field on item card [SCI-11786]

---
 .../repository_values/RepositoryNumberValue.vue               | 1 +
 .../repository_values/RepositoryStatusValue.vue               | 4 +++-
 .../repository_values/RepositoryTextValue.vue                 | 1 +
 app/javascript/vue/shared/legacy/Textarea.vue                 | 3 +++
 4 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryNumberValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryNumberValue.vue
index 411c003da..cbab185b4 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryNumberValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryNumberValue.vue
@@ -21,6 +21,7 @@
                   :isNumber="true"
                   :unEditableRef="`numberRef`"
                   :expandable="expandable"
+                  :canEdit="canEdit"
                   :collapsed="collapsed"
                   @toggleExpandableState="toggleExpandableState"
                   @update="update"
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStatusValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStatusValue.vue
index 52a620abe..c565765d6 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStatusValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStatusValue.vue
@@ -18,7 +18,7 @@
       ></SelectDropdown>
       <div v-else-if="status && icon"
            class="flex flex-row items-center text-sn-dark-grey font-inter text-sm font-normal leading-5 gap-1.5">
-        <div v-html="parseEmoji(icon)" class="flex h-6 w-6"></div>
+        <div v-if="!twemojiInit" v-html="parseEmoji(icon)" class="flex h-6 w-6"></div>
         {{ status }}
       </div>
       <div
@@ -49,6 +49,7 @@ export default {
       status: null,
       selected: null,
       isLoading: true,
+      twemojiInit: true,
       options: []
     };
   },
@@ -102,6 +103,7 @@ export default {
         twemoji.size = '24x24';
         twemoji.base = '/images/twemoji/';
         twemoji.parse(this.$refs.container);
+        this.twemojiInit = false;
       }, 300);
     }
   }
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTextValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTextValue.vue
index ec0204e42..097ff1770 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTextValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTextValue.vue
@@ -20,6 +20,7 @@
                 :smartAnnotation="true"
                 :expandable="expandable"
                 :collapsed="collapsed"
+                :canEdit="canEdit"
                 @toggleExpandableState="toggleExpandableState"
                 @update="update"
                 className="px-3"
diff --git a/app/javascript/vue/shared/legacy/Textarea.vue b/app/javascript/vue/shared/legacy/Textarea.vue
index a8276d958..0a8edb8ca 100644
--- a/app/javascript/vue/shared/legacy/Textarea.vue
+++ b/app/javascript/vue/shared/legacy/Textarea.vue
@@ -42,6 +42,7 @@ export default {
     initialValue: String,
     noContentPlaceholder: String,
     placeholder: String,
+    canEdit: { type: Boolean, default: false },
     decimals: { type: Number, default: 0 },
     isNumber: { type: Boolean, default: false },
     unEditableRef: { type: String, required: true },
@@ -110,6 +111,8 @@ export default {
       });
     },
     enableEdit(e) {
+      if (!this.canEdit) return;
+
       if (e && $(e.target).hasClass('atwho-user-popover')) return;
       if (e && $(e.target).hasClass('sa-name')) return;
       if (e && $(e.target).hasClass('sa-link')) return;