From ea5e77decd98879cfa2f524b7b014d7c0495bf68 Mon Sep 17 00:00:00 2001
From: Anton <anton@scinote.net>
Date: Thu, 7 Mar 2024 12:59:21 +0100
Subject: [PATCH] Fix tags modal on canvas [SCI-10402]

---
 .../canvas/full_zoom/_my_module.html.erb      | 26 +------------------
 .../canvas/full_zoom/_tags_modal.html.erb     | 25 ++++++++++++++++++
 2 files changed, 26 insertions(+), 25 deletions(-)
 create mode 100644 app/views/canvas/full_zoom/_tags_modal.html.erb

diff --git a/app/views/canvas/full_zoom/_my_module.html.erb b/app/views/canvas/full_zoom/_my_module.html.erb
index 3806e8d31..102a01d67 100644
--- a/app/views/canvas/full_zoom/_my_module.html.erb
+++ b/app/views/canvas/full_zoom/_my_module.html.erb
@@ -115,30 +115,6 @@
     </div>
   </div>
 
-  <div id="tagsModalContainer-<%= my_module.id %>" class="vue-tags-modal">
-    <div ref="tagsModal" class="tags-modal-component" id="tagsModalComponent-<%= my_module.id %>"></div>
-    <teleport to="body">
-      <tags-modal v-if="tagsModalOpen"
-        :params="<%=
-          {
-            id: my_module.id,
-            permissions: {
-              manage_tags: can_manage_my_module_tags?(my_module)
-            },
-            urls: {
-              assigned_tags: assigned_tags_my_module_my_module_tags_path(my_module),
-              assign_tags: my_module_my_module_tags_path(my_module)
-            }
-          }.to_json
-        %>"
-        :tags-colors="<%= Constants::TAG_COLORS.to_json %>"
-        project-name="<%= my_module.experiment.project.name  %>"
-        project-tags-url="<%= project_tags_path(my_module.experiment.project) %>"
-        @close="close"
-        @tags-loaded="syncTags"
-      />
-    </teleport>
-  </div>
-  <%= javascript_include_tag 'vue_legacy_tags_modal' %>
+  <%= render partial: 'canvas/full_zoom/tags_modal', locals: { my_module: my_module }%>
 </div>
 
diff --git a/app/views/canvas/full_zoom/_tags_modal.html.erb b/app/views/canvas/full_zoom/_tags_modal.html.erb
new file mode 100644
index 000000000..969ef4ae5
--- /dev/null
+++ b/app/views/canvas/full_zoom/_tags_modal.html.erb
@@ -0,0 +1,25 @@
+<div id="tagsModalContainer-<%= my_module.id %>" class="vue-tags-modal">
+    <div ref="tagsModal" class="tags-modal-component" id="tagsModalComponent-<%= my_module.id %>"></div>
+    <teleport to="body">
+      <tags-modal v-if="tagsModalOpen"
+        :params="<%=
+          {
+            id: my_module.id,
+            permissions: {
+              manage_tags: can_manage_my_module_tags?(my_module)
+            },
+            urls: {
+              assigned_tags: assigned_tags_my_module_my_module_tags_path(my_module),
+              assign_tags: my_module_my_module_tags_path(my_module)
+            }
+          }.to_json
+        %>"
+        :tags-colors="<%= Constants::TAG_COLORS.to_json %>"
+        project-name="<%= my_module.experiment.project.name  %>"
+        project-tags-url="<%= project_tags_path(my_module.experiment.project) %>"
+        @close="close"
+        @tags-loaded="syncTags"
+      />
+    </teleport>
+  </div>
+  <%= javascript_include_tag 'vue_legacy_tags_modal' %>