Merge branch 'eslint-fix-issues-2025-07' into 'master'

Fix Eslint issues See merge request Chill-Projet/chill-bundles!853
2025-07-12 03:46:16 +00:00 · 2025-07-08 13:38:51 +00:00 · 2025-07-08 13:38:51 +00:00 · c4cc0baa8e
commit c4cc0baa8e
parent e592b89c94 aed114c75c
15 changed files with 379 additions and 348 deletions
--- a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/store.js
+++ b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/store.js
@ -2,7 +2,7 @@ import "es6-promise/auto";
 import { createStore } from "vuex";
 import { postLocation } from "./api";
 import prepareLocations from "./store.locations.js";
-import {fetchResults, makeFetch} from "ChillMainAssets/lib/api/apiMethods";
+import { fetchResults, makeFetch } from "ChillMainAssets/lib/api/apiMethods";

 const debug = process.env.NODE_ENV !== "production";
 //console.log('window.activity', window.activity);
@ -369,7 +369,7 @@ const store = createStore({
        // console.log('works', works);
        commit("setAccompanyingPeriodWorks", works);
      } catch (error) {
-        console.error('Failed to fetch works:', error);
+        console.error("Failed to fetch works:", error);
      }
    },
    getWhoAmI({ commit }) {
--- a/src/Bundle/ChillMainBundle/Export/Formatter/CSVFormatter.php
+++ b/src/Bundle/ChillMainBundle/Export/Formatter/CSVFormatter.php
@ -18,7 +18,6 @@ use Symfony\Component\Form\Extension\Core\Type\FormType;
 use Symfony\Component\Form\FormBuilderInterface;
 use Symfony\Component\HttpFoundation\Response;
 use Symfony\Contracts\Translation\TranslatorInterface;
-use function count;

 /**
 * Command to get the report with curl:
--- a/src/Bundle/ChillMainBundle/Export/Formatter/CSVListFormatter.php
+++ b/src/Bundle/ChillMainBundle/Export/Formatter/CSVListFormatter.php
@ -17,7 +17,6 @@ use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
 use Symfony\Component\Form\FormBuilderInterface;
 use Symfony\Component\HttpFoundation\Response;
 use Symfony\Contracts\Translation\TranslatorInterface;
-use function count;

 // command to get the report with curl : curl --user "center a_social:password" "http://localhost:8000/fr/exports/generate/count_person?export[filters][person_gender_filter][enabled]=&export[filters][person_nationality_filter][enabled]=&export[filters][person_nationality_filter][form][nationalities]=&export[aggregators][person_nationality_aggregator][order]=1&export[aggregators][person_nationality_aggregator][form][group_by_level]=country&export[submit]=&export[_token]=RHpjHl389GrK-bd6iY5NsEqrD5UKOTHH40QKE9J1edU" --globoff

--- a/src/Bundle/ChillMainBundle/Export/Formatter/SpreadsheetListFormatter.php
+++ b/src/Bundle/ChillMainBundle/Export/Formatter/SpreadsheetListFormatter.php
@ -21,7 +21,6 @@ use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
 use Symfony\Component\Form\FormBuilderInterface;
 use Symfony\Component\HttpFoundation\Response;
 use Symfony\Contracts\Translation\TranslatorInterface;
-use function count;

 // command to get the report with curl : curl --user "center a_social:password" "http://localhost:8000/fr/exports/generate/count_person?export[filters][person_gender_filter][enabled]=&export[filters][person_nationality_filter][enabled]=&export[filters][person_nationality_filter][form][nationalities]=&export[aggregators][person_nationality_aggregator][order]=1&export[aggregators][person_nationality_aggregator][form][group_by_level]=country&export[submit]=&export[_token]=RHpjHl389GrK-bd6iY5NsEqrD5UKOTHH40QKE9J1edU" --globoff

--- a/src/Bundle/ChillMainBundle/Tests/Services/Workflow/CancelStaleWorkflowHandlerTest.php
+++ b/src/Bundle/ChillMainBundle/Tests/Services/Workflow/CancelStaleWorkflowHandlerTest.php
@ -98,7 +98,7 @@ class CancelStaleWorkflowHandlerTest extends TestCase

        $em = $this->prophesize(EntityManagerInterface::class);
        $em->flush()->shouldBeCalled();
-        $em->remove($workflow)->shouldBeCalled();
+        $em->remove($workflow)->shouldNotBeCalled();

        $handler = $this->buildHandler($workflow, $em->reveal(), $clock);

--- a/src/Bundle/ChillPersonBundle/Resources/public/mod/DuplicateSelector/AccompanyingPeriodWorkSelector.ts
+++ b/src/Bundle/ChillPersonBundle/Resources/public/mod/DuplicateSelector/AccompanyingPeriodWorkSelector.ts
@ -3,47 +3,49 @@ import AccompanyingPeriodWorkSelectorModal from "../../vuejs/_components/Accompa
 import { AccompanyingPeriodWork } from "../../types";

 document.addEventListener("DOMContentLoaded", () => {
-  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";
-    }
-
-    const input = document.querySelector<HTMLInputElement>(
-      `input[data-input-uniqid="${uniqid}"]`,
+    const elements = document.querySelectorAll<HTMLDivElement>(
+        'div[data-pick-entities-type="acpw"]',
    );
+    elements.forEach((el) => {
+        const uniqid = el.dataset.inputUniqid;

-    if (null === input) {
-      throw "Element with uniqid not found: " + uniqid;
-    }
+        if (undefined === uniqid) {
+            throw "Uniqid not found on this element";
+        }

-    const accompanyingPeriodIdAsString = input.dataset.accompanyingPeriodId;
+        const input = document.querySelector<HTMLInputElement>(
+            `input[data-input-uniqid="${uniqid}"]`,
+        );

-    if (undefined === accompanyingPeriodIdAsString) {
-      throw "accompanying period id not found";
-    }
+        if (null === input) {
+            throw "Element with uniqid not found: " + uniqid;
+        }

-    const accompanyingPeriodId = Number.parseInt(accompanyingPeriodIdAsString);
+        const accompanyingPeriodIdAsString = input.dataset.accompanyingPeriodId;

-    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();
-        },
-      },
+        if (undefined === accompanyingPeriodIdAsString) {
+            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();
+                },
+            },
+        });
+
+        app.mount(el);
    });
-
-    app.mount(el);
-  });
 });
--- a/src/Bundle/ChillPersonBundle/Resources/public/types.ts
+++ b/src/Bundle/ChillPersonBundle/Resources/public/types.ts
@ -1,13 +1,13 @@
 import {
    Address,
    Scope,
-  Center,
-  Civility,
-  DateTime,
-  User,
-  WorkflowAvailable,
-  Job,
-  PrivateCommentEmbeddable,
+    Center,
+    Civility,
+    DateTime,
+    User,
+    WorkflowAvailable,
+    Job,
+    PrivateCommentEmbeddable,
 } from "ChillMainAssets/types";
 import { StoredObject } from "ChillDocStoreAssets/types";
 import { Thirdparty } from "../../../ChillThirdPartyBundle/Resources/public/types";
@ -35,39 +35,39 @@ export interface Person {
 }

 export interface AccompanyingPeriod {
-  id: number;
-  addressLocation?: Address | null;
-  administrativeLocation?: Location | null;
-  calendars: Calendar[];
-  closingDate?: Date | null;
-  closingMotive?: ClosingMotive | null;
-  comments: Comment[];
-  confidential: boolean;
-  createdAt?: Date | null;
-  createdBy?: User | null;
-  emergency: boolean;
-  intensity?: "occasional" | "regular";
-  job?: Job | null;
-  locationHistories: AccompanyingPeriodLocationHistory[];
-  openingDate?: Date | null;
-  origin?: Origin | null;
-  participations: AccompanyingPeriodParticipation[];
-  personLocation?: Person | null;
-  pinnedComment?: Comment | null;
-  preventUserIsChangedNotification: boolean;
-  remark: string;
-  requestorAnonymous: boolean;
-  requestorPerson?: Person | null;
-  requestorThirdParty?: Thirdparty | null;
-  resources: AccompanyingPeriodResource[];
-  scopes: Scope[];
-  socialIssues: SocialIssue[];
-  step?:
-    | "CLOSED"
-    | "CONFIRMED"
-    | "CONFIRMED_INACTIVE_SHORT"
-    | "CONFIRMED_INACTIVE_LONG"
-    | "DRAFT";
+    id: number;
+    addressLocation?: Address | null;
+    administrativeLocation?: Location | null;
+    calendars: Calendar[];
+    closingDate?: Date | null;
+    closingMotive?: ClosingMotive | null;
+    comments: Comment[];
+    confidential: boolean;
+    createdAt?: Date | null;
+    createdBy?: User | null;
+    emergency: boolean;
+    intensity?: "occasional" | "regular";
+    job?: Job | null;
+    locationHistories: AccompanyingPeriodLocationHistory[];
+    openingDate?: Date | null;
+    origin?: Origin | null;
+    participations: AccompanyingPeriodParticipation[];
+    personLocation?: Person | null;
+    pinnedComment?: Comment | null;
+    preventUserIsChangedNotification: boolean;
+    remark: string;
+    requestorAnonymous: boolean;
+    requestorPerson?: Person | null;
+    requestorThirdParty?: Thirdparty | null;
+    resources: AccompanyingPeriodResource[];
+    scopes: Scope[];
+    socialIssues: SocialIssue[];
+    step?:
+        | "CLOSED"
+        | "CONFIRMED"
+        | "CONFIRMED_INACTIVE_SHORT"
+        | "CONFIRMED_INACTIVE_LONG"
+        | "DRAFT";
 }

 export interface AccompanyingPeriodWorkEvaluationDocument {
@ -84,170 +84,170 @@ export interface AccompanyingPeriodWorkEvaluationDocument {
 }

 export interface AccompanyingPeriodWork {
-  id: number;
-  accompanyingPeriod?: AccompanyingPeriod;
-  accompanyingPeriodWorkEvaluations: AccompanyingPeriodWorkEvaluation[];
-  createdAt?: string;
-  createdAutomatically: boolean;
-  createdAutomaticallyReason: string;
-  createdBy: User;
-  endDate?: string;
-  goals: AccompanyingPeriodWorkGoal[];
-  handlingThierParty?: Thirdparty;
-  note: string;
-  persons: Person[];
-  privateComment: PrivateCommentEmbeddable;
-  referrersHistory: AccompanyingPeriodWorkReferrerHistory[];
-  results: Result[];
-  socialAction?: SocialAction;
-  startDate?: string;
-  thirdParties: Thirdparty[];
-  updatedAt?: string;
-  updatedBy: User;
-  version: number;
+    id: number;
+    accompanyingPeriod?: AccompanyingPeriod;
+    accompanyingPeriodWorkEvaluations: AccompanyingPeriodWorkEvaluation[];
+    createdAt?: string;
+    createdAutomatically: boolean;
+    createdAutomaticallyReason: string;
+    createdBy: User;
+    endDate?: string;
+    goals: AccompanyingPeriodWorkGoal[];
+    handlingThierParty?: Thirdparty;
+    note: string;
+    persons: Person[];
+    privateComment: PrivateCommentEmbeddable;
+    referrersHistory: AccompanyingPeriodWorkReferrerHistory[];
+    results: Result[];
+    socialAction?: SocialAction;
+    startDate?: string;
+    thirdParties: Thirdparty[];
+    updatedAt?: string;
+    updatedBy: User;
+    version: number;
 }

 interface SocialAction {
-  id: number;
-  parent?: SocialAction | null;
-  children: SocialAction[];
-  issue?: SocialIssue | null;
-  ordering: number;
-  title: {
-    fr: string;
-  };
-  defaultNotificationDelay?: string | null;
-  desactivationDate?: string | null;
-  evaluations: Evaluation[];
-  goals: Goal[];
-  results: Result[];
+    id: number;
+    parent?: SocialAction | null;
+    children: SocialAction[];
+    issue?: SocialIssue | null;
+    ordering: number;
+    title: {
+        fr: string;
+    };
+    defaultNotificationDelay?: string | null;
+    desactivationDate?: string | null;
+    evaluations: Evaluation[];
+    goals: Goal[];
+    results: Result[];
 }

 export interface AccompanyingPeriodResource {
-  id: number;
-  accompanyingPeriod: AccompanyingPeriod;
-  comment?: string | null;
-  person?: Person | null;
-  thirdParty?: Thirdparty | null;
+    id: number;
+    accompanyingPeriod: AccompanyingPeriod;
+    comment?: string | null;
+    person?: Person | null;
+    thirdParty?: Thirdparty | null;
 }

 export interface Origin {
-  id: number;
-  label: {
-    fr: string;
-  };
-  noActiveAfter: DateTime;
+    id: number;
+    label: {
+        fr: string;
+    };
+    noActiveAfter: DateTime;
 }

 export interface ClosingMotive {
-  id: number;
-  active: boolean;
-  name: {
-    fr: string;
-  };
-  ordering: number;
-  isCanceledAccompanyingPeriod: boolean;
-  parent?: ClosingMotive | null;
-  children: ClosingMotive[];
+    id: number;
+    active: boolean;
+    name: {
+        fr: string;
+    };
+    ordering: number;
+    isCanceledAccompanyingPeriod: boolean;
+    parent?: ClosingMotive | null;
+    children: ClosingMotive[];
 }

 export interface AccompanyingPeriodParticipation {
-  id: number;
-  startDate: DateTime;
-  endDate?: DateTime | null;
-  accompanyingPeriod: AccompanyingPeriod;
-  person: Person;
+    id: number;
+    startDate: DateTime;
+    endDate?: DateTime | null;
+    accompanyingPeriod: AccompanyingPeriod;
+    person: Person;
 }

 export interface AccompanyingPeriodLocationHistory {
-  id: number;
-  startDate: DateTime;
-  endDate?: DateTime | null;
-  addressLocation?: Address | null;
-  period: AccompanyingPeriod;
-  personLocation?: Person | null;
+    id: number;
+    startDate: DateTime;
+    endDate?: DateTime | null;
+    addressLocation?: Address | null;
+    period: AccompanyingPeriod;
+    personLocation?: Person | null;
 }

 export interface SocialIssue {
-  id: number;
-  parent?: SocialIssue | null;
-  children: SocialIssue[];
-  socialActions?: SocialAction[] | null;
-  ordering: number;
-  title: {
-    fr: string;
-  };
-  desactivationDate?: string | null;
+    id: number;
+    parent?: SocialIssue | null;
+    children: SocialIssue[];
+    socialActions?: SocialAction[] | null;
+    ordering: number;
+    title: {
+        fr: string;
+    };
+    desactivationDate?: string | null;
 }

 export interface Goal {
-  id: number;
-  results: Result[];
-  socialActions?: SocialAction[] | null;
-  title: {
-    fr: string;
-  };
+    id: number;
+    results: Result[];
+    socialActions?: SocialAction[] | null;
+    title: {
+        fr: string;
+    };
 }

 export interface Result {
-  id: number;
-  accompanyingPeriodWorks: AccompanyingPeriodWork[];
-  accompanyingPeriodWorkGoals: AccompanyingPeriodWorkGoal[];
-  goals: Goal[];
-  socialActions: SocialAction[];
-  title: {
-    fr: string;
-  };
-  desactivationDate?: string | null;
+    id: number;
+    accompanyingPeriodWorks: AccompanyingPeriodWork[];
+    accompanyingPeriodWorkGoals: AccompanyingPeriodWorkGoal[];
+    goals: Goal[];
+    socialActions: SocialAction[];
+    title: {
+        fr: string;
+    };
+    desactivationDate?: string | null;
 }

 export interface AccompanyingPeriodWorkGoal {
-  id: number;
-  accompanyingPeriodWork: AccompanyingPeriodWork;
-  goal: Goal;
-  note: string;
-  results: Result[];
+    id: number;
+    accompanyingPeriodWork: AccompanyingPeriodWork;
+    goal: Goal;
+    note: string;
+    results: Result[];
 }

 export interface AccompanyingPeriodWorkEvaluation {
-  accompanyingPeriodWork: AccompanyingPeriodWork | null;
-  comment: string;
-  createdAt: DateTime | null;
-  createdBy: User | null;
-  documents: AccompanyingPeriodWorkEvaluationDocument[];
-  endDate: DateTime | null;
-  evaluation: Evaluation | null;
-  id: number | null;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  key: any;
-  maxDate: DateTime | null;
-  startDate: DateTime | null;
-  updatedAt: DateTime | null;
-  updatedBy: User | null;
-  warningInterval: string | null;
-  timeSpent: number | null;
+    accompanyingPeriodWork: AccompanyingPeriodWork | null;
+    comment: string;
+    createdAt: DateTime | null;
+    createdBy: User | null;
+    documents: AccompanyingPeriodWorkEvaluationDocument[];
+    endDate: DateTime | null;
+    evaluation: Evaluation | null;
+    id: number | null;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    key: any;
+    maxDate: DateTime | null;
+    startDate: DateTime | null;
+    updatedAt: DateTime | null;
+    updatedBy: User | null;
+    warningInterval: string | null;
+    timeSpent: number | null;
 }

 export interface Evaluation {
-  id: number;
-  url: string;
-  socialActions: SocialAction[];
-  title: {
-    fr: string;
-  };
-  active: boolean;
-  delay: string;
-  notificationDelay: string;
+    id: number;
+    url: string;
+    socialActions: SocialAction[];
+    title: {
+        fr: string;
+    };
+    active: boolean;
+    delay: string;
+    notificationDelay: string;
 }

 export interface AccompanyingPeriodWorkReferrerHistory {
-  id: number;
-  accompanyingPeriodWork: AccompanyingPeriodWork;
-  user: User;
-  startDate: DateTime;
-  endDate: DateTime | null;
-  createdAt: DateTime;
-  updatedAt: DateTime | null;
-  createdBy: User;
-  updatedBy: User | null;
+    id: number;
+    accompanyingPeriodWork: AccompanyingPeriodWork;
+    user: User;
+    startDate: DateTime;
+    endDate: DateTime | null;
+    createdAt: DateTime;
+    updatedAt: DateTime | null;
+    createdBy: User;
+    updatedBy: User | null;
 }
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/ExportFormActionGoalResult/App.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/ExportFormActionGoalResult/App.vue
@ -279,7 +279,7 @@ export default {
                (results) =>
                    ([this.results.options, this.results.value] =
                        this.removeElementInData("results", results)),
-            ).catch;
+            );
        },

        // selectResult(value) {
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/App.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/App.vue
@ -294,10 +294,13 @@ export default {
        refreshNetwork() {
            //console.log('--- refresh network')
            window.network.setData(this.visgraph_data);
+
+            return 1;
        },

        legendLayers() {
            //console.log('--- refresh legend and rebuild checked Layers')
+            // eslint-disable-next-line vue/no-side-effects-in-computed-properties
            this.checkedLayers = [];
            let layersDisplayed = [
                ...this.nodes.filter((n) => n.id.startsWith("household")),
@ -309,6 +312,7 @@ export default {
            return [...this.households, ...this.courses];
        },

+        // eslint-disable-next-line vue/no-dupe-keys
        checkedLayers() {
            // required to refresh data checkedLayers
            //console.log('--- checkedLayers')
@ -386,6 +390,7 @@ export default {
        },
        forceUpdateComponent() {
            //console.log('!! forceUpdateComponent !!')
+            // eslint-disable-next-line @typescript-eslint/no-unused-expressions
            this.refreshNetwork;
            this.$forceUpdate();
        },
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/store.js
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/store.js
@ -164,7 +164,8 @@ const store = createStore({
        return;
      }
      let age = getAge(person);
-      age = age === "" ? "" : " - " + age;
+      let separator = person.gender === null ? "" : " - ";
+      age = age === "" ? "" : separator + age;

      let debug = "";
      /// Debug mode: uncomment to display person_id on visgraph
@ -173,7 +174,7 @@ const store = createStore({
      person.group = person.type;
      person._id = person.id;
      person.id = `person_${person.id}`;
-      person.label = `*${person.text}${person.deathdate ? " (‡)" : ""}*\n_${person.gender.label}${age}_${debug}`;
+      person.label = `*${person.text}${person.deathdate ? " (‡)" : ""}*\n_${person.gender === null ? "" : person.gender?.label}${age}_${debug}`;
      person.folded = false;
      // folded is used for missing persons
      if (options.folded) {
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AccompanyingPeriodWorkSelector/AccompanyingPeriodWorkItem.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AccompanyingPeriodWorkSelector/AccompanyingPeriodWorkItem.vue
@ -1,43 +1,51 @@
 <template>
-  <div class="container">
-    <div class="item-bloc">
-      <div class="item-row">
-        <h2 class="badge-title">
-          <span class="title_label"></span>
-          <span class="title_action">
-            <span class="chill-entity entity-social-action">
-              <span class="badge bg-light text-dark">
-                {{ acpw?.socialAction?.title.fr }}
-              </span>
-            </span>
+    <div class="container">
+        <div class="item-bloc">
+            <div class="item-row">
+                <h2 class="badge-title">
+                    <span class="title_label"></span>
+                    <span class="title_action">
+                        <span class="chill-entity entity-social-action">
+                            <span class="badge bg-light text-dark">
+                                {{ acpw?.socialAction?.title.fr }}
+                            </span>
+                        </span>

-            <ul class="small_in_title columns mt-1">
-              <li>
-                <span class="item-key">
-                  {{ trans(ACCOMPANYING_COURSE_WORK_START_DATE) }} :
-                </span>
-                <b>{{ formatDate(acpw.startDate) }}</b>
-              </li>
+                        <ul class="small_in_title columns mt-1">
+                            <li>
+                                <span class="item-key">
+                                    {{
+                                        trans(
+                                            ACCOMPANYING_COURSE_WORK_START_DATE,
+                                        )
+                                    }}
+                                    :
+                                </span>
+                                <b>{{ formatDate(acpw.startDate) }}</b>
+                            </li>

-              <li v-if="acpw.endDate">
-                <span class="item-key">
-                  {{ trans(ACCOMPANYING_COURSE_WORK_END_DATE) }} :
-                </span>
-                <b>{{ formatDate(acpw.endDate) }}</b>
-              </li>
-            </ul>
-          </span>
-        </h2>
-      </div>
+                            <li v-if="acpw.endDate">
+                                <span class="item-key">
+                                    {{
+                                        trans(ACCOMPANYING_COURSE_WORK_END_DATE)
+                                    }}
+                                    :
+                                </span>
+                                <b>{{ formatDate(acpw.endDate) }}</b>
+                            </li>
+                        </ul>
+                    </span>
+                </h2>
+            </div>
+        </div>
    </div>
-  </div>
 </template>

 <script setup lang="ts">
 import {
-  ACCOMPANYING_COURSE_WORK_END_DATE,
-  ACCOMPANYING_COURSE_WORK_START_DATE,
-  trans,
+    ACCOMPANYING_COURSE_WORK_END_DATE,
+    ACCOMPANYING_COURSE_WORK_START_DATE,
+    trans,
 } from "translator";
 import { ISOToDate } from "ChillMainAssets/chill/js/date";
 import { DateTime } from "ChillMainAssets/types";
@ -46,15 +54,15 @@ import { AccompanyingPeriodWork } from "../../../types";
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const props = defineProps<{ acpw: AccompanyingPeriodWork }>();
 const formatDate = (dateObject: DateTime) => {
-  if (dateObject) {
-    const parsedDate = ISOToDate(dateObject.datetime);
-    if (parsedDate) {
-      return new Intl.DateTimeFormat("default", { dateStyle: "short" }).format(
-        parsedDate,
-      );
-    } else {
-      return "";
+    if (dateObject) {
+        const parsedDate = ISOToDate(dateObject.datetime);
+        if (parsedDate) {
+            return new Intl.DateTimeFormat("default", {
+                dateStyle: "short",
+            }).format(parsedDate);
+        } else {
+            return "";
+        }
    }
-  }
 };
 </script>
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AccompanyingPeriodWorkSelector/AccompanyingPeriodWorkList.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AccompanyingPeriodWorkSelector/AccompanyingPeriodWorkList.vue
@ -1,24 +1,24 @@
 <template>
-  <div class="results">
-    <div
-      v-for="acpw in accompanyingPeriodWorks"
-      :key="acpw.id"
-      class="list-item"
-    >
-      <label class="acpw-item">
-        <div>
-          <input
-            type="radio"
-            :value="acpw"
-            v-model="selectedAcpw"
-            name="item"
-          />
-        </div>
+    <div class="results">
+        <div
+            v-for="acpw in accompanyingPeriodWorks"
+            :key="acpw.id"
+            class="list-item"
+        >
+            <label class="acpw-item">
+                <div>
+                    <input
+                        type="radio"
+                        :value="acpw"
+                        v-model="selectedAcpw"
+                        name="item"
+                    />
+                </div>

-        <accompanying-period-work-item :acpw="acpw" />
-      </label>
+                <accompanying-period-work-item :acpw="acpw" />
+            </label>
+        </div>
    </div>
-  </div>
 </template>

 <script setup lang="ts">
@ -28,7 +28,7 @@ import { defineProps, ref, watch } from "vue";

 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const props = defineProps<{
-  accompanyingPeriodWorks: AccompanyingPeriodWork[];
+    accompanyingPeriodWorks: AccompanyingPeriodWork[];
 }>();
 const selectedAcpw = ref<AccompanyingPeriodWork | null>(null);

@ -36,12 +36,12 @@ const selectedAcpw = ref<AccompanyingPeriodWork | null>(null);
 const emit = defineEmits();

 watch(selectedAcpw, (newValue) => {
-  emit("update:selectedAcpw", newValue);
+    emit("update:selectedAcpw", newValue);
 });
 </script>

 <style>
 .acpw-item {
-  display: flex;
+    display: flex;
 }
 </style>
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AccompanyingPeriodWorkSelector/AccompanyingPeriodWorkSelectorModal.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AccompanyingPeriodWorkSelector/AccompanyingPeriodWorkSelectorModal.vue
@ -1,62 +1,78 @@
 <template>
-  <div>
-    <div class="row justify-content-end">
-      <div class="col-md-6 col-sm-10" v-if="selectedAcpw">
-        <ul class="list-suggest remove-items">
-          <li>
-            <span @click="selectedAcpw = null" class="chill-denomination">{{
-              selectedAcpw?.socialAction?.title.fr
-            }}</span>
-          </li>
+    <div>
+        <div class="row justify-content-end">
+            <div class="col-md-6 col-sm-10" v-if="selectedAcpw">
+                <ul class="list-suggest remove-items">
+                    <li>
+                        <span
+                            @click="selectedAcpw = null"
+                            class="chill-denomination"
+                            >{{ selectedAcpw?.socialAction?.title.fr }}</span
+                        >
+                    </li>
+                </ul>
+            </div>
+        </div>
+
+        <ul 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>
-      </div>
+
+        <teleport to="body">
+            <modal
+                v-if="showModal"
+                @close="closeModal"
+                modal-dialog-class="modal-dialog-scrollable modal-xl"
+            >
+                <template #header>
+                    <h3>
+                        {{
+                            trans(
+                                ACPW_DUPLICATE_SELECT_ACCOMPANYING_PERIOD_WORK,
+                            )
+                        }}
+                    </h3>
+                </template>
+
+                <template #body>
+                    <accompanying-period-work-list
+                        :accompanying-period-works="accompanyingPeriodWorks"
+                        v-model:selectedAcpw="selectedAcpw"
+                    />
+                </template>
+
+                <template #footer>
+                    <button
+                        type="button"
+                        class="btn btn-save"
+                        @click="confirmSelection"
+                    >
+                        {{ trans(CONFIRM) }}
+                    </button>
+                </template>
+            </modal>
+        </teleport>
    </div>
-
-    <ul 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"
-        @close="closeModal"
-        modal-dialog-class="modal-dialog-scrollable modal-xl"
-      >
-        <template #header>
-          <h3>{{ trans(ACPW_DUPLICATE_SELECT_ACCOMPANYING_PERIOD_WORK) }}</h3>
-        </template>
-
-        <template #body>
-          <accompanying-period-work-list
-            :accompanying-period-works="accompanyingPeriodWorks"
-            v-model:selectedAcpw="selectedAcpw"
-          />
-        </template>
-
-        <template #footer>
-          <button type="button" class="btn btn-save" @click="confirmSelection">
-            {{ trans(CONFIRM) }}
-          </button>
-        </template>
-      </modal>
-    </teleport>
-  </div>
 </template>

 <script setup lang="ts">
-import {onMounted, ref} from "vue";
+import { onMounted, ref } from "vue";
 import Modal from "ChillMainAssets/vuejs/_components/Modal.vue";
 import AccompanyingPeriodWorkList from "./AccompanyingPeriodWorkList.vue";
-import {AccompanyingPeriodWork} from "../../../types";
-import {ACPW_DUPLICATE_SELECT_ACCOMPANYING_PERIOD_WORK, CONFIRM, trans,} from "translator";
-import {fetchResults} from "ChillMainAssets/lib/api/apiMethods";
+import { AccompanyingPeriodWork } from "../../../types";
+import {
+    ACPW_DUPLICATE_SELECT_ACCOMPANYING_PERIOD_WORK,
+    CONFIRM,
+    trans,
+} from "translator";
+import { fetchResults } from "ChillMainAssets/lib/api/apiMethods";

 interface AccompanyingPeriodWorkSelectorModalProps {
-  accompanyingPeriodId: number;
+    accompanyingPeriodId: number;
 }

 const selectedAcpw = ref<AccompanyingPeriodWork | null>(null);
@ -65,25 +81,25 @@ const accompanyingPeriodWorks = ref<AccompanyingPeriodWork[]>([]);
 const props = defineProps<AccompanyingPeriodWorkSelectorModalProps>();

 const emit = defineEmits<{
-  pickWork: [payload: { work: AccompanyingPeriodWork | null }];
+    pickWork: [payload: { work: AccompanyingPeriodWork | null }];
 }>();

 onMounted(() => {
-  if (props.accompanyingPeriodId) {
-    getAccompanyingPeriodWorks(props.accompanyingPeriodId);
-  } else {
-    console.error("No accompanyingperiod id was given");
-  }
+    if (props.accompanyingPeriodId) {
+        getAccompanyingPeriodWorks(props.accompanyingPeriodId);
+    } else {
+        console.error("No accompanyingperiod id was given");
+    }
 });
 const getAccompanyingPeriodWorks = async (periodId: number) => {
-  const url = `/api/1.0/person/accompanying-course/${periodId}/works.json`;
+    const url = `/api/1.0/person/accompanying-course/${periodId}/works.json`;

-  try {
-    accompanyingPeriodWorks.value = await fetchResults(url);
-  } catch (error) {
-    console.log(error);
-  }
-/*  makeFetch<number, AccompanyingPeriodWork[]>("GET", url)
+    try {
+        accompanyingPeriodWorks.value = await fetchResults(url);
+    } catch (error) {
+        console.log(error);
+    }
+    /*  makeFetch<number, AccompanyingPeriodWork[]>("GET", url)
    .then((response) => {
      accompanyingPeriodWorks.value = response;
    })
@ -95,7 +111,7 @@ const getAccompanyingPeriodWorks = async (periodId: number) => {
 const openModal = () => (showModal.value = true);
 const closeModal = () => (showModal.value = false);
 const confirmSelection = () => {
-  emit("pickWork", { work: selectedAcpw.value });
-  closeModal();
+    emit("pickWork", { work: selectedAcpw.value });
+    closeModal();
 };
 </script>
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue
@ -377,7 +377,7 @@ export default {
                                        "/api/1.0/person/household/members/move.json",
                                        member,
                                    )
-                                        .then((_response) => {
+                                        .then(() => {
                                            makeFetch(
                                                "POST",
                                                `/api/1.0/person/household/${responseHousehold.id}/address.json`,
--- a/src/Bundle/ChillWopiBundle/src/Resources/public/module/pending/index.ts
+++ b/src/Bundle/ChillWopiBundle/src/Resources/public/module/pending/index.ts
@ -1,7 +1,11 @@
-import { is_object_ready } from "../../../../../../ChillDocStoreBundle/Resources/public/vuejs/StoredObjectButton/helpers";
-import {
-    StoredObject,
-} from "../../../../../../ChillDocStoreBundle/Resources/public/types";
+import { is_object_ready } from "ChillDocStoreAssets/vuejs/StoredObjectButton/helpers";
+import { StoredObject } from "ChillDocStoreAssets/types";
+
+declare global {
+    interface Window {
+        stored_object: string | undefined;
+    }
+}

 async function reload_if_needed(
    stored_object: StoredObject,
@ -25,14 +29,12 @@ function wait_before_reload(stored_object: StoredObject, i: number): void {
    setTimeout(reload_if_needed, timeout, stored_object, i);
 }

-window.addEventListener("DOMContentLoaded", async function (e) {
-    if (undefined === (window as any).stored_object) {
+window.addEventListener("DOMContentLoaded", async function () {
+    if (undefined === window.stored_object) {
        console.error("window.stored_object is undefined");
        throw Error("window.stored_object is undefined");
    }

-    const stored_object = JSON.parse(
-        (window as any).stored_object,
-    ) as StoredObject;
+    const stored_object = JSON.parse(window.stored_object) as StoredObject;
    reload_if_needed(stored_object, 0);
 });