From 5632697c05854ddf69e889f98311109d362810e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20Fastr=C3=A9?= <julien.fastre@champs-libres.coop>
Date: Tue, 15 Apr 2025 14:46:00 +0200
Subject: [PATCH] Fixes

---
 .../AccompanyingPeriodWorkSelector.ts         | 50 ++++++++++---------
 .../AccompanyingPeriodWorkSelectorModal.vue   | 10 ++--
 2 files changed, 31 insertions(+), 29 deletions(-)

diff --git a/src/Bundle/ChillPersonBundle/Resources/public/mod/DuplicateSelector/AccompanyingPeriodWorkSelector.ts b/src/Bundle/ChillPersonBundle/Resources/public/mod/DuplicateSelector/AccompanyingPeriodWorkSelector.ts
index 0ac3b4d6f..6ceb64b98 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/mod/DuplicateSelector/AccompanyingPeriodWorkSelector.ts
+++ b/src/Bundle/ChillPersonBundle/Resources/public/mod/DuplicateSelector/AccompanyingPeriodWorkSelector.ts
@@ -1,47 +1,49 @@
 import { createApp } from "vue";
 import AccompanyingPeriodWorkSelectorModal from "../../vuejs/_components/AccompanyingPeriodWorkSelector/AccompanyingPeriodWorkSelectorModal.vue";
-import {AccompanyingPeriodWork} from "../../types";
+import { AccompanyingPeriodWork } from "../../types";
 
 document.addEventListener("DOMContentLoaded", () => {
-  const elements = document.querySelectorAll<HTMLDivElement>('div[data-pick-entities-type="acpw"]');
-  elements.forEach(el => {
+  const elements = document.querySelectorAll<HTMLDivElement>(
+    'div[data-pick-entities-type="acpw"]',
+  );
+  elements.forEach((el) => {
     const uniqid = el.dataset.inputUniqid;
 
     if (undefined === uniqid) {
-      throw 'Uniqid not found on this element';
+      throw "Uniqid not found on this element";
     }
 
-    const input = document.querySelector<HTMLInputElement>(`input[data-input-uniqid="${uniqid}"]`);
+    const input = document.querySelector<HTMLInputElement>(
+      `input[data-input-uniqid="${uniqid}"]`,
+    );
 
     if (null === input) {
-      throw 'Element with uniqid not found: ' + uniqid;
+      throw "Element with uniqid not found: " + uniqid;
     }
 
     const accompanyingPeriodIdAsString = input.dataset.accompanyingPeriodId;
 
     if (undefined === accompanyingPeriodIdAsString) {
-      throw 'accompanying period id not found';
+      throw "accompanying period id not found";
     }
 
     const accompanyingPeriodId = Number.parseInt(accompanyingPeriodIdAsString);
 
-    const app = createApp(
-         {
-            template:
-                '<accompanying-period-work-selector-modal :accompanying-period-id="accompanyingPeriodId" @pickWork="pickWork"></accompanying-period-work-selector-modal>',
-            components: {AccompanyingPeriodWorkSelectorModal},
-            data() {
-                return { accompanyingPeriodId };
-            },
-            methods: {
-                pickWork: function(payload: {work: AccompanyingPeriodWork}) {
-                    console.log("payload", payload);
-                    input.value = payload.work.id.toString();
-                }
-            }
-        });
-
+    const app = createApp({
+      template:
+        '<accompanying-period-work-selector-modal :accompanying-period-id="accompanyingPeriodId" @pickWork="pickWork"></accompanying-period-work-selector-modal>',
+      components: { AccompanyingPeriodWorkSelectorModal },
+      data() {
+        return { accompanyingPeriodId };
+      },
+      methods: {
+        pickWork: function (payload: { work: AccompanyingPeriodWork }) {
+          console.log("payload", payload);
+          input.value = payload.work.id.toString();
+        },
+      },
+    });
 
     app.mount(el);
-  })
+  });
 });
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 3a289da4b..904006c52 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AccompanyingPeriodWorkSelector/AccompanyingPeriodWorkSelectorModal.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AccompanyingPeriodWorkSelector/AccompanyingPeriodWorkSelectorModal.vue
@@ -48,7 +48,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch, onMounted } from "vue";
+import { ref, onMounted } from "vue";
 import Modal from "ChillMainAssets/vuejs/_components/Modal.vue";
 import AccompanyingPeriodWorkList from "./AccompanyingPeriodWorkList.vue";
 import { AccompanyingPeriodWork } from "../../../types";
@@ -59,9 +59,9 @@ import {
 } from "translator";
 import { makeFetch } from "ChillMainAssets/lib/api/apiMethods";
 
-type AccompanyingPeriodWorkSelectorModalProps = {
+interface AccompanyingPeriodWorkSelectorModalProps {
   accompanyingPeriodId: number;
-};
+}
 
 const selectedAcpw = ref<AccompanyingPeriodWork | null>(null);
 const showModal = ref(false);
@@ -69,7 +69,7 @@ const accompanyingPeriodWorks = ref<AccompanyingPeriodWork[]>([]);
 const props = defineProps<AccompanyingPeriodWorkSelectorModalProps>();
 
 const emit = defineEmits<{
-  pickWork: [payload: {work: AccompanyingPeriodWork|null}],
+  pickWork: [payload: { work: AccompanyingPeriodWork | null }];
 }>();
 
 onMounted(() => {
@@ -94,7 +94,7 @@ const getAccompanyingPeriodWorks = (periodId: number) => {
 const openModal = () => (showModal.value = true);
 const closeModal = () => (showModal.value = false);
 const confirmSelection = () => {
-  emit('pickWork', {work: selectedAcpw.value});
+  emit("pickWork", { work: selectedAcpw.value });
   closeModal();
 };
 </script>