From 12dff82248bd127ceea69263d24acdc085ac7605 Mon Sep 17 00:00:00 2001
From: Julie Lenaerts <julielenaerts@gmail.com>
Date: Wed, 2 Apr 2025 12:44:55 +0200
Subject: [PATCH] Re-establish normal behavior for component within twig

---
 .../AccompanyingPeriodWorkSelectorModal.vue         | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AccompanyingPeriodWorkSelector/AccompanyingPeriodWorkSelectorModal.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AccompanyingPeriodWorkSelector/AccompanyingPeriodWorkSelectorModal.vue
index 06c9c8d37..691efe338 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AccompanyingPeriodWorkSelector/AccompanyingPeriodWorkSelectorModal.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AccompanyingPeriodWorkSelector/AccompanyingPeriodWorkSelectorModal.vue
@@ -12,6 +12,15 @@
       </div>
     </div>
 
+    <ul v-if="!showModal" class="record_actions">
+      <li>
+        <a class="btn btn-sm btn-create mt-3" @click="openModal">
+          {{ trans(ACPW_DUPLICATE_SELECT_ACCOMPANYING_PERIOD_WORK) }}
+        </a>
+      </li>
+    </ul>
+
+
     <teleport to="body">
       <modal
         v-if="showModal"
@@ -89,6 +98,10 @@ watch(selectedAcpw, (newValue) => {
     inputField.value = String(newValue?.id);
   }
 });
+
+const openModal = () => {
+  showModal.value = true
+}
 const closeModal = () => {
   showModal.value = false
   emit('closeModal')