From ef3ef8bb7b6a3c44d9b2a222a47e9fb5ce657cfe Mon Sep 17 00:00:00 2001
From: wandji20 <wbertrand10@gmail.com>
Date: Wed, 17 Apr 2024 10:20:58 +0100
Subject: [PATCH 1/3] Disable click events when duplicating content for
 protocol step and result [SCI-10609]

---
 app/javascript/vue/protocol/step.vue                  | 4 +++-
 app/javascript/vue/results/result.vue                 | 4 +++-
 app/javascript/vue/shared/content/mixins/duplicate.js | 3 +++
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/javascript/vue/protocol/step.vue b/app/javascript/vue/protocol/step.vue
index ee3f6383c..b7c99d821 100644
--- a/app/javascript/vue/protocol/step.vue
+++ b/app/javascript/vue/protocol/step.vue
@@ -5,7 +5,7 @@
        @dragenter.prevent="dragEnter($event)"
        @dragover.prevent
        :data-id="step.id"
-       :class="{ 'draging-file': dragingFile, 'editing-name': editingName, 'locked': !urls.update_url }"
+       :class="{ 'draging-file': dragingFile, 'editing-name': editingName, 'locked': !urls.update_url, 'pointer-events-none': addingContent }"
   >
     <div class="drop-message" @dragleave.prevent="!showFileModal ? dragingFile = false : null">
       {{ i18n.t('protocols.steps.drop_message', { position: step.attributes.position + 1 }) }}
@@ -116,6 +116,7 @@
           :reorderElementUrl="elements.length > 1 ? urls.reorder_elements_url : ''"
           :assignableMyModuleId="assignableMyModuleId"
           :isNew="element.isNew"
+          @component:adding-content="($event) => addingContent = $event"
           @component:delete="deleteElement"
           @update="updateElement"
           @reorder="openReorderModal"
@@ -201,6 +202,7 @@
         attachments: [],
         attachmentsReady: false,
         confirmingDelete: false,
+        addingContent: false,
         showFileModal: false,
         showCommentsSidebar: false,
         dragingFile: false,
diff --git a/app/javascript/vue/results/result.vue b/app/javascript/vue/results/result.vue
index 63b03d209..515252228 100644
--- a/app/javascript/vue/results/result.vue
+++ b/app/javascript/vue/results/result.vue
@@ -5,7 +5,7 @@
        @dragenter.prevent="dragEnter($event)"
        @dragover.prevent
        :data-id="result.id"
-       :class="{ 'bg-sn-super-light-blue': dragingFile, 'bg-white': !dragingFile, 'locked': locked }"
+       :class="{ 'bg-sn-super-light-blue': dragingFile, 'bg-white': !dragingFile, 'locked': locked, 'pointer-events-none': addingContent }"
   >
     <div class="text-xl items-center flex flex-col text-sn-blue h-full justify-center left-0 absolute top-0 w-full"
          v-if="dragingFile"
@@ -110,6 +110,7 @@
             :reorderElementUrl="elements.length > 1 ? urls.reorder_elements_url : ''"
             :assignableMyModuleId="result.attributes.my_module_id"
             :isNew="element.isNew"
+            @component:adding-content="($event) => addingContent = $event"
             @component:delete="deleteElement"
             @update="updateElement"
             @reorder="openReorderModal"
@@ -164,6 +165,7 @@ export default {
       elements: [],
       attachments: [],
       attachmentsReady: false,
+      addingContent: false,
       showFileModal: false,
       dragingFile: false,
       wellPlateOptions: [
diff --git a/app/javascript/vue/shared/content/mixins/duplicate.js b/app/javascript/vue/shared/content/mixins/duplicate.js
index 19187e28f..02c6ea823 100644
--- a/app/javascript/vue/shared/content/mixins/duplicate.js
+++ b/app/javascript/vue/shared/content/mixins/duplicate.js
@@ -3,11 +3,14 @@
 export default {
   methods: {
     duplicateElement() {
+      this.$emit('component:adding-content', true);
       $.post(this.element.attributes.orderable.urls.duplicate_url, (result) => {
         this.$emit('component:insert', result.data);
         HelperModule.flashAlertMsg(this.i18n.t('protocols.steps.component_duplicated'), 'success');
       }).fail(() => {
         HelperModule.flashAlertMsg(this.i18n.t('protocols.steps.component_duplication_failed'), 'danger');
+      }).always(() => {
+        this.$emit('component:adding-content', false);
       });
     }
   }

From c426ee27c4cb9bc47f9c8edabad975d9c3c820ca Mon Sep 17 00:00:00 2001
From: sboursen-scinote <soufiane@scinote.net>
Date: Wed, 17 Apr 2024 12:00:46 +0200
Subject: [PATCH 2/3] Fix various css issues for experiment canvas [SCI-10568]

---
 app/assets/stylesheets/experiment/canvas.scss | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/app/assets/stylesheets/experiment/canvas.scss b/app/assets/stylesheets/experiment/canvas.scss
index 9009dffcf..5099d877d 100644
--- a/app/assets/stylesheets/experiment/canvas.scss
+++ b/app/assets/stylesheets/experiment/canvas.scss
@@ -12,6 +12,12 @@
 
   .panel-heading {
     padding: 7px 30px 7px 15px;
+
+    .panel-title {
+      align-items: center;
+      display: flex;
+      height: 100%;
+    }
   }
 
   .panel-body {
@@ -97,4 +103,18 @@
       grid-template-columns: 1fr;
     }
   }
+
+  .bootstrap-select .dropdown-toggle:focus {
+    outline: none !important;
+  }
+
+  .filter-option-inner {
+    height: 100%;
+
+    .filter-option-inner-inner {
+      align-items: center;
+      display: flex;
+      height: 100%;
+    }
+  }
 }

From ba47c75ee45c36908b4b40aa65f28bd986665f12 Mon Sep 17 00:00:00 2001
From: sboursen-scinote <soufiane@scinote.net>
Date: Wed, 17 Apr 2024 17:08:33 +0200
Subject: [PATCH 3/3] Fix various css issues for experiment canvas and table
 [SCI-10568]

---
 .../vue/my_modules/renderers/tags.vue           | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/app/javascript/vue/my_modules/renderers/tags.vue b/app/javascript/vue/my_modules/renderers/tags.vue
index 9a0fb86f9..51665405a 100644
--- a/app/javascript/vue/my_modules/renderers/tags.vue
+++ b/app/javascript/vue/my_modules/renderers/tags.vue
@@ -1,15 +1,16 @@
 <template>
   <div class="flex items-center gap-1.5 h-9 mt-0.5">
     <template v-if="params.data.tags.length > 0 || params.data.permissions.manage_tags">
-      <div v-if="params.data.tags.length > 0"
-           class="h-6 px-1.5 flex items-center rounded text-white max-w-[150px]"
-           :style="{'background': params.data.tags[0].color}">
-        <div class="truncate">{{ params.data.tags[0].name }}</div>
-      </div>
-      <GeneralDropdown v-if="params.data.tags.length > 1" >
+      <GeneralDropdown v-if="params.data.tags.length > 0">
         <template v-slot:field>
-          <div class="h-6 min-w-[24px] text-sn-dark-grey flex items-center justify-center rounded-full text-[.625rem]
-                    bg-sn-light-grey border !border-sn-sleepy-grey cursor-pointer">
+          <div
+              class="h-6 px-1.5 inline-flex items-center rounded text-white max-w-[150px]"
+              :style="{'background': params.data.tags[0].color}">
+            <div class="truncate">{{ params.data.tags[0].name }}</div>
+          </div>
+          <div v-if="params.data.tags.length > 1"
+               class="h-6 min-w-[24px] text-sn-dark-grey inline-flex items-center justify-center rounded-full text-[.625rem]
+                      ml-1.5 bg-sn-light-grey border !border-sn-sleepy-grey cursor-pointer">
             <span>+{{ params.data.tags.length - 1 }}</span>
           </div>
         </template>