Revert "Merge branch 'ticket/supplementary-comments-on-motive' into 'master'"

This reverts merge request !855

.changes/unreleased/Feature-20240530-160003.yaml

@@ -1,6 +0,0 @@
-kind: Feature
-body: |
-  Upgrade import of address list to the last version of compiled addresses of belgian-best-address
-time: 2024-05-30T16:00:03.440767606+02:00
-custom:
-  Issue: ""

.changes/unreleased/Feature-20240531-190242.yaml

@@ -1,6 +0,0 @@
-kind: Feature
-body: |
-  Upgrade CKEditor and refactor configuration with use of typescript
-time: 2024-05-31T19:02:42.776662753+02:00
-custom:
-  Issue: ""

.editorconfig

@@ -19,11 +19,11 @@ max_line_length = 80
 [COMMIT_EDITMSG]
 max_line_length = 0
 
-[*.{js,vue,ts}]
+[*.{js, vue, ts}]
 indent_size = 2
 indent_style = space
 
-[*.rst]
-indent_size = 3
-indent_style = space
+[.rst]
+ident_size = 3
+ident_style = space
 

.prettierrc

@@ -1,4 +0,0 @@
-{
-  "tabWidth": 2,
-  "useTabs": false
-}

.vscode/launch.json

@@ -1,30 +0,0 @@
-{
-    // Use IntelliSense to learn about possible attributes.
-    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-    "version": "0.2.0",
-    "configurations": [
-        {
-            "name": "Chill Debug",
-            "type": "php",
-            "request": "launch",
-            "port": 9000,
-            "pathMappings": {
-                "/var/www/html": "${workspaceFolder}"
-            },
-            "preLaunchTask": "symfony"
-        },
-        {
-            "name": "Yarn Encore Dev (Watch)",
-            "type": "node-terminal",
-            "request": "launch",
-            "command": "yarn encore dev --watch",
-            "cwd": "${workspaceFolder}"
-        }
-    ],
-    "compounds": [
-        {
-            "name": "Chill Debug + Yarn Encore Dev (Watch)",
-            "configurations": ["Chill Debug", "Yarn Encore Dev (Watch)"]
-        }
-    ]
-}

.vscode/tasks.json

@@ -1,23 +0,0 @@
-{
-    "tasks": [
-        {
-            "type": "shell",
-            "command": "symfony",
-            "args": [
-                "server:start",
-                "--allow-http",
-                "--no-tls",
-                "--port=8000",
-                "--allow-all-ip",
-                "-d"
-            ],
-            "label": "symfony"
-        },
-        {
-            "type": "shell",
-            "command": "yarn",
-            "args": ["encore", "dev", "--watch"],
-            "label": "webpack"
-        }
-    ]
-}

CONVENTIONS-fr.md

@@ -54,7 +54,7 @@ Arborescence:
     - person
     - personvendee
     - household_edit_metadata
-        - index.ts
+        - index.js
 ```
 
 ## Organisation des feuilles de styles

composer.json

@@ -133,7 +133,6 @@
             "Chill\\TaskBundle\\": "src/Bundle/ChillTaskBundle",
             "Chill\\ThirdPartyBundle\\": "src/Bundle/ChillThirdPartyBundle",
             "Chill\\WopiBundle\\": "src/Bundle/ChillWopiBundle/src",
-            "Chill\\TicketBundle\\": "src/Bundle/ChillTicketBundle/src",
             "Chill\\Utils\\Rector\\": "utils/rector/src"
         }
     },

config/bundles.php

@@ -35,7 +35,6 @@ return [
     Chill\ThirdPartyBundle\ChillThirdPartyBundle::class => ['all' => true],
     Chill\BudgetBundle\ChillBudgetBundle::class => ['all' => true],
     Chill\WopiBundle\ChillWopiBundle::class => ['all' => true],
-    Chill\TicketBundle\ChillTicketBundle::class => ['all' => true],
     Symfony\Bundle\WebProfilerBundle\WebProfilerBundle::class => ['dev' => true, 'test' => true],
     Symfony\UX\Translator\UxTranslatorBundle::class => ['all' => true],
 ];

config/packages/chill_ticket.yaml

@@ -1,4 +0,0 @@
-chill_ticket:
-    ticket:
-        person_per_ticket:    one # One of "one"; "many"
-

config/packages/doctrine_migrations_chill.yaml

@@ -14,7 +14,6 @@ doctrine_migrations:
         'Chill\Migrations\Calendar': '@ChillCalendarBundle/migrations'
         'Chill\Migrations\Budget': '@ChillBudgetBundle/migrations'
         'Chill\Migrations\Report': '@ChillReportBundle/migrations'
-        'Chill\Migrations\Ticket': '@ChillTicketBundle/migrations'
     all_or_nothing:
         true
 

config/routes/chill_ticket.yaml

@@ -1,2 +0,0 @@
-chill_ticket_bundle:
-    resource: '@ChillTicketBundle/config/routes.yaml'

docs/source/development/create-a-new-bundle.rst

@@ -11,94 +11,24 @@
 Create a new bundle
 *******************
 
+Create your own bundle is not a trivial task.
+
+The easiest way to achieve this is seems to be : 
+
+1. Prepare a fresh installation of the chill project, in a new directory
+2. Create a new bundle in this project, in the src directory
+3. Initialize a git repository **at the root bundle**, and create your initial commit.
+4. Register the bundle with composer/packagist. If you do not plan to distribute your bundle with packagist, you may use a custom repository for achieve this [#f1]_
+5. Move to a development installation, made as described in the :ref:`installation-for-development` section, and add your new repository to the composer.json file
+6. Work as :ref:`usual <editing-code-and-commiting>`
+
 .. warning::
 
     This part of the doc is not yet tested
 
-Create a new directory with Bundle class
-----------------------------------------
-
-.. code-block:: bash
-
-   mkdir -p src/Bundle/ChillSomeBundle/src/config
-   mkdir -p src/Bundle/ChillSomeBundle/src/Controller
-
-Add a bundle file
-
-.. code-block:: php
-
-    <?php
-
-    declare(strict_types=1);
-
-    /*
-     * Chill is a software for social workers
-     *
-     * For the full copyright and license information, please view
-     * the LICENSE file that was distributed with this source code.
-     */
-
-    namespace Chill\SomeBundle;
-
-    use Symfony\Component\HttpKernel\Bundle\Bundle;
-
-    class ChillSomeBundle extends Bundle {}
-
-And a route file:
-
-.. code-block:: yaml
-
-   chill_ticket_controller:
-       resource: '@ChillTicketBundle/Controller/'
-       type: annotation
-
-Register the new psr-4 namespace
---------------------------------
-
-In composer.json, add the new psr4 namespace
-
-.. code-block:: diff
-
-    {
-    "autoload": {
-        "psr-4": {
-    +        "Chill\\SomeBundle\\": "src/Bundle/ChillSomeBundle/src",
-        }
-    }
-    }
+TODO
 
 
-Register the bundle
--------------------
-
-Register in the file :code:`config/bundles.php`:
-
-.. code-block:: php
-
-    Vendor\Bundle\YourBundle\YourBundle::class => ['all' => true],
-
-And import routes in :code:`config/routes/chill_some_bundle.yaml`:
-
-.. code-block:: yaml
-
-   chill_ticket_bundle:
-       resource: '@ChillSomeBundle/config/routes.yaml'
-
-Add the doctrine_migration namespace
-------------------------------------
-
-Add the namespace to :code:`config/packages/doctrine_migrations_chill.yaml`
-
-.. code-block:: diff
-
-   doctrine_migrations:
-       migrations_paths:
-   +        'Chill\Some\Ticket': '@ChillSomeBundle/migrations'
-
-Dump autoloading
-----------------
-
-.. code-block:: bash
-
-   symfony composer dump-autoload
+.. rubric:: Footnotes
 
+.. [#f1] Be aware that we use the Affero GPL Licence, which ensure that all users must have access to derivative works done with this software.

package.json

@@ -79,12 +79,12 @@
     "dev": "encore dev",
     "watch": "encore dev --watch",
     "build": "encore production --progress",
-    "specs-build": "yaml-merge src/Bundle/ChillMainBundle/chill.api.specs.yaml src/Bundle/ChillPersonBundle/chill.api.specs.yaml src/Bundle/ChillCalendarBundle/chill.api.specs.yaml src/Bundle/ChillThirdPartyBundle/chill.api.specs.yaml src/Bundle/ChillDocStoreBundle/chill.api.specs.yaml src/Bundle/ChillTicketBundle/chill.api.specs.yaml> templates/api/specs.yaml",
+    "specs-build": "yaml-merge src/Bundle/ChillMainBundle/chill.api.specs.yaml src/Bundle/ChillPersonBundle/chill.api.specs.yaml src/Bundle/ChillCalendarBundle/chill.api.specs.yaml src/Bundle/ChillThirdPartyBundle/chill.api.specs.yaml src/Bundle/ChillDocStoreBundle/chill.api.specs.yaml> templates/api/specs.yaml",
     "specs-validate": "swagger-cli validate templates/api/specs.yaml",
     "specs-create-dir": "mkdir -p templates/api",
     "specs": "yarn run specs-create-dir && yarn run specs-build && yarn run specs-validate",
     "version": "node --version",
-    "eslint": "eslint-baseline --fix \"src/**/*.{js,ts,vue}\""
+    "eslint": "npx eslint-baseline --fix \"src/**/*.{js,ts,vue}\""
   },
   "private": true
 }

phpunit.xml.dist

@@ -58,10 +58,6 @@
       <!-- temporarily removed, the time to find a fix -->
       <exclude>src/Bundle/ChillPersonBundle/Tests/Controller/PersonDuplicateControllerViewTest.php</exclude>
     </testsuite>
-
-    <testsuite name="TicketBundle">
-      <directory suffix="Test.php">src/Bundle/ChillTicketBundle/tests/</directory>
-    </testsuite>
     <!--
         <testsuite name="ReportBundle">
             <directory suffix="Test.php">src/Bundle/ChillReportBundle/Tests/</directory>

src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/ConcernedGroups.vue

@@ -10,7 +10,10 @@
             />
         </div>
         <div
-      v-if="getContext === 'accompanyingCourse' && suggestedEntities.length > 0"
+            v-if="
+                getContext === 'accompanyingCourse' &&
+                suggestedEntities.length > 0
+            "
         >
             <ul class="list-suggest add-items inline">
                 <li

src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/Location/NewLocation.vue

@@ -39,11 +39,17 @@
                                 <option selected disabled value="">
                                     {{ trans(ACTIVITY_CHOOSE_LOCATION_TYPE) }}
                                 </option>
-                <option v-for="t in locationTypes" :value="t" :key="t.id">
+                                <option
+                                    v-for="t in locationTypes"
+                                    :value="t"
+                                    :key="t.id"
+                                >
                                     {{ localizeString(t.title) }}
                                 </option>
                             </select>
-              <label>{{ trans(ACTIVITY_LOCATION_FIELDS_TYPE) }}</label>
+                            <label>{{
+                                trans(ACTIVITY_LOCATION_FIELDS_TYPE)
+                            }}</label>
                         </div>
 
                         <div class="form-floating mb-3">
@@ -102,7 +108,10 @@
                     </form>
                 </template>
                 <template #footer>
-          <button class="btn btn-save" @click.prevent="saveNewLocation">
+                    <button
+                        class="btn btn-save"
+                        @click.prevent="saveNewLocation"
+                    >
                         {{ trans(SAVE) }}
                     </button>
                 </template>
@@ -235,7 +244,8 @@ export default {
         },
         hasPhonenumber1() {
             return (
-        this.selected.phonenumber1 !== null && this.selected.phonenumber1 !== ""
+                this.selected.phonenumber1 !== null &&
+                this.selected.phonenumber1 !== ""
             );
         },
         showAddAddress() {

src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc.vue

@@ -49,7 +49,9 @@
             </div>
             <div class="col-8">
                 <div v-if="actionIsLoading === true">
-          <i class="chill-green fa fa-circle-o-notch fa-spin fa-lg"></i>
+                    <i
+                        class="chill-green fa fa-circle-o-notch fa-spin fa-lg"
+                    ></i>
                 </div>
 
                 <span
@@ -62,7 +64,8 @@
                 <template
                     v-else-if="
                         socialActionsList.length > 0 &&
-            (socialIssuesSelected.length || socialActionsSelected.length)
+                        (socialIssuesSelected.length ||
+                            socialActionsSelected.length)
                     "
                 >
                     <div
@@ -85,7 +88,9 @@
                 </template>
 
                 <span
-          v-else-if="actionAreLoaded && socialActionsList.length === 0"
+                    v-else-if="
+                        actionAreLoaded && socialActionsList.length === 0
+                    "
                     class="inline-choice chill-no-data-statement mt-3"
                 >
                     {{ trans(ACTIVITY_SOCIAL_ACTION_LIST_EMPTY) }}
@@ -164,7 +169,8 @@ export default {
             /* Add in list the issues already associated (if not yet listed) */
             this.socialIssuesSelected.forEach((issue) => {
                 if (
-          this.socialIssuesList.filter((i) => i.id === issue.id).length !== 1
+                    this.socialIssuesList.filter((i) => i.id === issue.id)
+                        .length !== 1
                 ) {
                     this.$store.commit("addIssueInList", issue);
                 }

src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc/CheckSocialIssue.vue

@@ -10,7 +10,9 @@
                 :value="issue"
             />
             <label class="form-check-label" :for="issue.id">
-        <span class="badge bg-chill-l-gray text-dark">{{ issue.text }}</span>
+                <span class="badge bg-chill-l-gray text-dark">{{
+                    issue.text
+                }}</span>
             </label>
         </div>
     </span>

src/Bundle/ChillCalendarBundle/Resources/public/types.ts

@@ -68,7 +68,9 @@ export type EventInputCalendarRange = EventInput & {
 export function isEventInputCalendarRange(
     toBeDetermined: EventInputCalendarRange | EventInput,
 ): toBeDetermined is EventInputCalendarRange {
-  return typeof toBeDetermined.is === "string" && toBeDetermined.is === "range";
+    return (
+        typeof toBeDetermined.is === "string" && toBeDetermined.is === "range"
+    );
 }
 
 export {};

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Calendar/App.vue

@@ -61,14 +61,22 @@
                     <label class="input-group-text" for="slotDuration"
                         >Durée des créneaux</label
                     >
-          <select v-model="slotDuration" id="slotDuration" class="form-select">
+                    <select
+                        v-model="slotDuration"
+                        id="slotDuration"
+                        class="form-select"
+                    >
                         <option value="00:05:00">5 minutes</option>
                         <option value="00:10:00">10 minutes</option>
                         <option value="00:15:00">15 minutes</option>
                         <option value="00:30:00">30 minutes</option>
                     </select>
                     <label class="input-group-text" for="slotMinTime">De</label>
-          <select v-model="slotMinTime" id="slotMinTime" class="form-select">
+                    <select
+                        v-model="slotMinTime"
+                        id="slotMinTime"
+                        class="form-select"
+                    >
                         <option value="00:00:00">0h</option>
                         <option value="01:00:00">1h</option>
                         <option value="02:00:00">2h</option>
@@ -84,7 +92,11 @@
                         <option value="12:00:00">12h</option>
                     </select>
                     <label class="input-group-text" for="slotMaxTime">À</label>
-          <select v-model="slotMaxTime" id="slotMaxTime" class="form-select">
+                    <select
+                        v-model="slotMaxTime"
+                        id="slotMaxTime"
+                        class="form-select"
+                    >
                         <option value="12:00:00">12h</option>
                         <option value="13:00:00">13h</option>
                         <option value="14:00:00">14h</option>
@@ -112,7 +124,9 @@
                                 v-model="hideWeekends"
                             />
                         </span>
-            <label for="showHideWE" class="form-check-label input-group-text"
+                        <label
+                            for="showHideWE"
+                            class="form-check-label input-group-text"
                             >Week-ends</label
                         >
                     </div>
@@ -128,7 +142,9 @@
                     <b v-else-if="arg.event.extendedProps.is === 'range'"
                         >{{ arg.timeText }}
                         {{ arg.event.extendedProps.locationName }}
-            <small>{{ arg.event.extendedProps.userLabel }}</small></b
+                        <small>{{
+                            arg.event.extendedProps.userLabel
+                        }}</small></b
                     >
                     <b v-else-if="arg.event.extendedProps.is === 'current'"
                         >{{ arg.timeText }} {{ $t("current_selected") }}
@@ -136,7 +152,9 @@
                     <b v-else-if="arg.event.extendedProps.is === 'local'">{{
                         arg.event.title
                     }}</b>
-          <b v-else>{{ arg.timeText }} {{ $t("current_selected") }} </b>
+                    <b v-else
+                        >{{ arg.timeText }} {{ $t("current_selected") }}
+                    </b>
                 </span>
             </template>
         </FullCalendar>
@@ -250,7 +268,9 @@ export default {
                     this.$store.state.activity.endDate !== null)
             ) {
                 if (
-          !window.confirm(this.$t("change_main_user_will_reset_event_data"))
+                    !window.confirm(
+                        this.$t("change_main_user_will_reset_event_data"),
+                    )
                 ) {
                     return;
                 }
@@ -258,9 +278,13 @@ export default {
 
             // add the previous user, if any, in the previous user list (in use for suggestion)
             if (null !== this.$store.getters.getMainUser) {
-        const suggestedUids = new Set(this.$data.previousUser.map((u) => u.id));
+                const suggestedUids = new Set(
+                    this.$data.previousUser.map((u) => u.id),
+                );
                 if (!suggestedUids.has(this.$store.getters.getMainUser.id)) {
-          this.$data.previousUser.push(this.$store.getters.getMainUser);
+                    this.$data.previousUser.push(
+                        this.$store.getters.getMainUser,
+                    );
                 }
             }
 
@@ -290,7 +314,8 @@ export default {
             // show an alert if changing mainUser
             if (
                 (this.$store.getters.getMainUser !== null &&
-          this.$store.state.me.id !== this.$store.getters.getMainUser.id) ||
+                    this.$store.state.me.id !==
+                        this.$store.getters.getMainUser.id) ||
                 this.$store.getters.getMainUser === null
             ) {
                 if (!window.confirm(this.$t("will_change_main_user_for_me"))) {
@@ -334,7 +359,9 @@ export default {
                     this.$store.getters.getMainUser.id
             ) {
                 if (
-          !window.confirm(this.$t("this_calendar_range_will_change_main_user"))
+                    !window.confirm(
+                        this.$t("this_calendar_range_will_change_main_user"),
+                    )
                 ) {
                     return;
                 }

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Calendar/Components/CalendarActive.vue

@@ -4,9 +4,18 @@
             {{ user.text }}
             <template v-if="invite !== null">
                 <i v-if="invite.status === 'accepted'" class="fa fa-check" />
-        <i v-else-if="invite.status === 'declined'" class="fa fa-times" />
-        <i v-else-if="invite.status === 'pending'" class="fa fa-question-o" />
-        <i v-else-if="invite.status === 'tentative'" class="fa fa-question" />
+                <i
+                    v-else-if="invite.status === 'declined'"
+                    class="fa fa-times"
+                />
+                <i
+                    v-else-if="invite.status === 'pending'"
+                    class="fa fa-question-o"
+                />
+                <i
+                    v-else-if="invite.status === 'tentative'"
+                    class="fa fa-question"
+                />
                 <span v-else="">{{ invite.status }}</span>
             </template>
         </span>
@@ -60,7 +69,8 @@ export default {
     computed: {
         style() {
             return {
-        backgroundColor: this.$store.getters.getUserData(this.user).mainColor,
+                backgroundColor: this.$store.getters.getUserData(this.user)
+                    .mainColor,
             };
         },
         rangeShow: {
@@ -71,7 +81,9 @@ export default {
                 });
             },
             get() {
-        return this.$store.getters.isRangeShownOnCalendarForUser(this.user);
+                return this.$store.getters.isRangeShownOnCalendarForUser(
+                    this.user,
+                );
             },
         },
         remoteShow: {
@@ -82,7 +94,9 @@ export default {
                 });
             },
             get() {
-        return this.$store.getters.isRemoteShownOnCalendarForUser(this.user);
+                return this.$store.getters.isRemoteShownOnCalendarForUser(
+                    this.user,
+                );
             },
         },
     },

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Invite/Answer.vue

@@ -22,25 +22,33 @@
         </button>
         <ul class="dropdown-menu" aria-labelledby="btnGroupDrop1">
             <li v-if="status !== Statuses.ACCEPTED">
-        <a class="dropdown-item" @click="changeStatus(Statuses.ACCEPTED)"
-          ><i class="fa fa-check" aria-hidden="true"></i> {{ $t("Accept") }}</a
+                <a
+                    class="dropdown-item"
+                    @click="changeStatus(Statuses.ACCEPTED)"
+                    ><i class="fa fa-check" aria-hidden="true"></i>
+                    {{ $t("Accept") }}</a
                 >
             </li>
             <li v-if="status !== Statuses.DECLINED">
-        <a class="dropdown-item" @click="changeStatus(Statuses.DECLINED)"
-          ><i class="fa fa-times" aria-hidden="true"></i> {{ $t("Decline") }}</a
+                <a
+                    class="dropdown-item"
+                    @click="changeStatus(Statuses.DECLINED)"
+                    ><i class="fa fa-times" aria-hidden="true"></i>
+                    {{ $t("Decline") }}</a
                 >
             </li>
             <li v-if="status !== Statuses.TENTATIVELY_ACCEPTED">
                 <a
                     class="dropdown-item"
                     @click="changeStatus(Statuses.TENTATIVELY_ACCEPTED)"
-          ><i class="fa fa-question"></i> {{ $t("Tentatively_accept") }}</a
+                    ><i class="fa fa-question"></i>
+                    {{ $t("Tentatively_accept") }}</a
                 >
             </li>
             <li v-if="status !== Statuses.PENDING">
                 <a class="dropdown-item" @click="changeStatus(Statuses.PENDING)"
-          ><i class="fa fa-hourglass-o"></i> {{ $t("Set_pending") }}</a
+                    ><i class="fa fa-hourglass-o"></i>
+                    {{ $t("Set_pending") }}</a
                 >
             </li>
         </ul>
@@ -83,7 +91,9 @@ export default defineComponent({
         },
     },
     emits: {
-    statusChanged(payload: "accepted" | "declined" | "pending" | "tentative") {
+        statusChanged(
+            payload: "accepted" | "declined" | "pending" | "tentative",
+        ) {
             return true;
         },
     },

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App2.vue

@@ -23,14 +23,22 @@
                 <label class="input-group-text" for="slotDuration"
                     >Durée des créneaux</label
                 >
-        <select v-model="slotDuration" id="slotDuration" class="form-select">
+                <select
+                    v-model="slotDuration"
+                    id="slotDuration"
+                    class="form-select"
+                >
                     <option value="00:05:00">5 minutes</option>
                     <option value="00:10:00">10 minutes</option>
                     <option value="00:15:00">15 minutes</option>
                     <option value="00:30:00">30 minutes</option>
                 </select>
                 <label class="input-group-text" for="slotMinTime">De</label>
-        <select v-model="slotMinTime" id="slotMinTime" class="form-select">
+                <select
+                    v-model="slotMinTime"
+                    id="slotMinTime"
+                    class="form-select"
+                >
                     <option value="00:00:00">0h</option>
                     <option value="01:00:00">1h</option>
                     <option value="02:00:00">2h</option>
@@ -46,7 +54,11 @@
                     <option value="12:00:00">12h</option>
                 </select>
                 <label class="input-group-text" for="slotMaxTime">À</label>
-        <select v-model="slotMaxTime" id="slotMaxTime" class="form-select">
+                <select
+                    v-model="slotMaxTime"
+                    id="slotMaxTime"
+                    class="form-select"
+                >
                     <option value="12:00:00">12h</option>
                     <option value="13:00:00">13h</option>
                     <option value="14:00:00">14h</option>
@@ -74,7 +86,9 @@
                             v-model="showWeekends"
                         />
                     </span>
-          <label for="showHideWE" class="form-check-label input-group-text"
+                    <label
+                        for="showHideWE"
+                        class="form-check-label input-group-text"
                         >Week-ends</label
                     >
                 </div>
@@ -84,12 +98,16 @@
     <FullCalendar :options="calendarOptions" ref="calendarRef">
         <template v-slot:eventContent="{ event }: { event: EventApi }">
             <span :class="eventClasses">
-        <b v-if="event.extendedProps.is === 'remote'">{{ event.title }}</b>
+                <b v-if="event.extendedProps.is === 'remote'">{{
+                    event.title
+                }}</b>
                 <b v-else-if="event.extendedProps.is === 'range'"
                     >{{ formatDate(event.startStr) }} -
                     {{ event.extendedProps.locationName }}</b
                 >
-        <b v-else-if="event.extendedProps.is === 'local'">{{ event.title }}</b>
+                <b v-else-if="event.extendedProps.is === 'local'">{{
+                    event.title
+                }}</b>
                 <b v-else>no 'is'</b>
                 <a
                     v-if="event.extendedProps.is === 'range'"
@@ -108,7 +126,11 @@
                     <h6 class="chill-red">{{ $t("copy_range_from_to") }}</h6>
                 </div>
                 <div class="col-xs-12 col-sm-9 col-md-2">
-          <select v-model="dayOrWeek" id="dayOrWeek" class="form-select">
+                    <select
+                        v-model="dayOrWeek"
+                        id="dayOrWeek"
+                        class="form-select"
+                    >
                         <option value="day">{{ $t("from_day_to_day") }}</option>
                         <option value="week">
                             {{ $t("from_week_to_week") }}
@@ -117,16 +139,27 @@
                 </div>
                 <template v-if="dayOrWeek === 'day'">
                     <div class="col-xs-12 col-sm-3 col-md-3">
-            <input class="form-control" type="date" v-model="copyFrom" />
+                        <input
+                            class="form-control"
+                            type="date"
+                            v-model="copyFrom"
+                        />
                     </div>
                     <div class="col-xs-12 col-sm-1 col-md-1 copy-chevron">
                         <i class="fa fa-angle-double-right"></i>
                     </div>
                     <div class="col-xs-12 col-sm-3 col-md-3">
-            <input class="form-control" type="date" v-model="copyTo" />
+                        <input
+                            class="form-control"
+                            type="date"
+                            v-model="copyTo"
+                        />
                     </div>
                     <div class="col-xs-12 col-sm-5 col-md-1">
-            <button class="btn btn-action float-end" @click="copyDay">
+                        <button
+                            class="btn btn-action float-end"
+                            @click="copyDay"
+                        >
                             {{ $t("copy_range") }}
                         </button>
                     </div>
@@ -138,7 +171,11 @@
                             id="copyFromWeek"
                             class="form-select"
                         >
-              <option v-for="w in lastWeeks" :value="w.value" :key="w.value">
+                            <option
+                                v-for="w in lastWeeks"
+                                :value="w.value"
+                                :key="w.value"
+                            >
                                 {{ w.text }}
                             </option>
                         </select>
@@ -147,14 +184,25 @@
                         <i class="fa fa-angle-double-right"></i>
                     </div>
                     <div class="col-xs-12 col-sm-3 col-md-3">
-            <select v-model="copyToWeek" id="copyToWeek" class="form-select">
-              <option v-for="w in nextWeeks" :value="w.value" :key="w.value">
+                        <select
+                            v-model="copyToWeek"
+                            id="copyToWeek"
+                            class="form-select"
+                        >
+                            <option
+                                v-for="w in nextWeeks"
+                                :value="w.value"
+                                :key="w.value"
+                            >
                                 {{ w.text }}
                             </option>
                         </select>
                     </div>
                     <div class="col-xs-12 col-sm-5 col-md-1">
-            <button class="btn btn-action float-end" @click="copyWeek">
+                        <button
+                            class="btn btn-action float-end"
+                            @click="copyWeek"
+                        >
                             {{ $t("copy_range") }}
                         </button>
                     </div>

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/store/index.ts

@@ -41,7 +41,9 @@ const futureStore = function (): Promise<Store<State>> {
         });
 
         store.commit("me/setWhoAmi", user, { root: true });
-    store.dispatch("locations/getLocations", null, { root: true }).then((_) => {
+        store
+            .dispatch("locations/getLocations", null, { root: true })
+            .then((_) => {
                 return store.dispatch("locations/getCurrentLocation", null, {
                     root: true,
                 });

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/store/modules/calendarLocals.ts

@@ -29,7 +29,10 @@ export default {
             (state: CalendarLocalsState) =>
             ({ start, end }: { start: Date; end: Date }): boolean => {
                 for (const range of state.localsLoaded) {
-          if (start.getTime() === range.start && end.getTime() === range.end) {
+                    if (
+                        start.getTime() === range.start &&
+                        end.getTime() === range.end
+                    ) {
                         return true;
                     }
                 }
@@ -51,7 +54,10 @@ export default {
             });
             state.key = state.key + toAdd.length;
         },
-    addLoaded(state: CalendarLocalsState, payload: { start: Date; end: Date }) {
+        addLoaded(
+            state: CalendarLocalsState,
+            payload: { start: Date; end: Date },
+        ) {
             state.localsLoaded.push({
                 start: payload.start.getTime(),
                 end: payload.end.getTime(),
@@ -79,7 +85,11 @@ export default {
                 end: end,
             });
 
-      return fetchCalendarLocalForUser(ctx.rootGetters["me/getMe"], start, end)
+            return fetchCalendarLocalForUser(
+                ctx.rootGetters["me/getMe"],
+                start,
+                end,
+            )
                 .then((remotes: CalendarLight[]) => {
                     // to be add when reactivity problem will be solve ?
                     //ctx.commit('addRemotes', remotes);

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/store/modules/calendarRanges.ts

@@ -40,7 +40,10 @@ export default {
             (state: CalendarRangesState) =>
             ({ start, end }: { start: Date; end: Date }): boolean => {
                 for (const range of state.rangesLoaded) {
-          if (start.getTime() === range.start && end.getTime() === range.end) {
+                    if (
+                        start.getTime() === range.start &&
+                        end.getTime() === range.end
+                    ) {
                         return true;
                     }
                 }
@@ -107,7 +110,9 @@ export default {
             state: CalendarRangesState,
             externalEvents: (EventInput & { id: string })[],
         ) {
-      const toAdd = externalEvents.filter((r) => !state.rangesIndex.has(r.id));
+            const toAdd = externalEvents.filter(
+                (r) => !state.rangesIndex.has(r.id),
+            );
 
             toAdd.forEach((r) => {
                 state.rangesIndex.add(r.id);
@@ -115,7 +120,10 @@ export default {
             });
             state.key = state.key + toAdd.length;
         },
-    addLoaded(state: CalendarRangesState, payload: { start: Date; end: Date }) {
+        addLoaded(
+            state: CalendarRangesState,
+            payload: { start: Date; end: Date },
+        ) {
             state.rangesLoaded.push({
                 start: payload.start.getTime(),
                 end: payload.end.getTime(),
@@ -134,12 +142,17 @@ export default {
         },
         removeRange(state: CalendarRangesState, calendarRangeId: number) {
             const found = state.ranges.find(
-        (r) => r.calendarRangeId === calendarRangeId && r.is === "range",
+                (r) =>
+                    r.calendarRangeId === calendarRangeId && r.is === "range",
             );
 
             if (found !== undefined) {
                 state.ranges = state.ranges.filter(
-          (r) => !(r.calendarRangeId === calendarRangeId && r.is === "range"),
+                    (r) =>
+                        !(
+                            r.calendarRangeId === calendarRangeId &&
+                            r.is === "range"
+                        ),
                 );
 
                 if (typeof found.id === "string") {
@@ -198,7 +211,11 @@ export default {
         },
         createRange(
             ctx: Context,
-      { start, end, location }: { start: Date; end: Date; location: Location },
+            {
+                start,
+                end,
+                location,
+            }: { start: Date; end: Date; location: Location },
         ): Promise<null> {
             const url = `/api/1.0/calendar/calendar-range.json?`;
 
@@ -223,7 +240,11 @@ export default {
                 },
             } as CalendarRangeCreate;
 
-      return makeFetch<CalendarRangeCreate, CalendarRange>("POST", url, body)
+            return makeFetch<CalendarRangeCreate, CalendarRange>(
+                "POST",
+                url,
+                body,
+            )
                 .then((newRange) => {
                     ctx.commit("addRange", newRange);
 
@@ -260,7 +281,11 @@ export default {
                 },
             } as CalendarRangeEdit;
 
-      return makeFetch<CalendarRangeEdit, CalendarRange>("PATCH", url, body)
+            return makeFetch<CalendarRangeEdit, CalendarRange>(
+                "PATCH",
+                url,
+                body,
+            )
                 .then((range) => {
                     ctx.commit("updateRange", range);
                     return Promise.resolve(null);
@@ -285,7 +310,11 @@ export default {
                 },
             } as CalendarRangeEdit;
 
-      return makeFetch<CalendarRangeEdit, CalendarRange>("PATCH", url, body)
+            return makeFetch<CalendarRangeEdit, CalendarRange>(
+                "PATCH",
+                url,
+                body,
+            )
                 .then((range) => {
                     ctx.commit("updateRange", range);
                     return Promise.resolve(null);
@@ -305,14 +334,20 @@ export default {
 
             for (const r of rangesToCopy) {
                 const start = new Date(ISOToDatetime(r.start) as Date);
-        start.setFullYear(to.getFullYear(), to.getMonth(), to.getDate());
+                start.setFullYear(
+                    to.getFullYear(),
+                    to.getMonth(),
+                    to.getDate(),
+                );
                 const end = new Date(ISOToDatetime(r.end) as Date);
                 end.setFullYear(to.getFullYear(), to.getMonth(), to.getDate());
                 const location = ctx.rootGetters["locations/getLocationById"](
                     r.locationId,
                 );
 
-        promises.push(ctx.dispatch("createRange", { start, end, location }));
+                promises.push(
+                    ctx.dispatch("createRange", { start, end, location }),
+                );
             }
 
             return Promise.all(promises).then(() => Promise.resolve(null));
@@ -334,7 +369,9 @@ export default {
                     r.locationId,
                 );
 
-        promises.push(ctx.dispatch("createRange", { start, end, location }));
+                promises.push(
+                    ctx.dispatch("createRange", { start, end, location }),
+                );
             }
 
             return Promise.all(promises).then(() => Promise.resolve(null));

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/store/modules/calendarRemotes.ts

@@ -29,7 +29,10 @@ export default {
             (state: CalendarRemotesState) =>
             ({ start, end }: { start: Date; end: Date }): boolean => {
                 for (const range of state.remotesLoaded) {
-          if (start.getTime() === range.start && end.getTime() === range.end) {
+                    if (
+                        start.getTime() === range.start &&
+                        end.getTime() === range.end
+                    ) {
                         return true;
                     }
                 }
@@ -82,7 +85,11 @@ export default {
                 end: end,
             });
 
-      return fetchCalendarRemoteForUser(ctx.rootGetters["me/getMe"], start, end)
+            return fetchCalendarRemoteForUser(
+                ctx.rootGetters["me/getMe"],
+                start,
+                end,
+            )
                 .then((remotes: CalendarRemote[]) => {
                     // to be add when reactivity problem will be solve ?
                     //ctx.commit('addRemotes', remotes);

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarUserSelector/CalendarUserSelector.vue

@@ -112,8 +112,11 @@ export default {
 
                             results.forEach((i) => {
                                 if (!users.some((j) => i.user.id === j.id)) {
-                  let ratio = Math.floor(users.length / COLORS.length);
-                  let colorIndex = users.length - ratio * COLORS.length;
+                                    let ratio = Math.floor(
+                                        users.length / COLORS.length,
+                                    );
+                                    let colorIndex =
+                                        users.length - ratio * COLORS.length;
                                     users.push({
                                         id: i.user.id,
                                         username: i.user.username,
@@ -150,29 +153,45 @@ export default {
                                 (me) =>
                                     new Promise((resolve, reject) => {
                                         this.users.logged = me;
-                    let currentUser = users.find((u) => u.id === me.id);
+                                        let currentUser = users.find(
+                                            (u) => u.id === me.id,
+                                        );
                                         this.value = currentUser;
 
                                         fetchCalendar(currentUser.id).then(
                                             (calendar) =>
-                        new Promise((resolve, reject) => {
-                          let results = calendar.results;
-                          let events = results.map((i) => ({
-                            start: i.startDate.datetime,
-                            end: i.endDate.datetime,
-                          }));
-                          let calendarEventsCurrentUser = {
+                                                new Promise(
+                                                    (resolve, reject) => {
+                                                        let results =
+                                                            calendar.results;
+                                                        let events =
+                                                            results.map(
+                                                                (i) => ({
+                                                                    start: i
+                                                                        .startDate
+                                                                        .datetime,
+                                                                    end: i
+                                                                        .endDate
+                                                                        .datetime,
+                                                                }),
+                                                            );
+                                                        let calendarEventsCurrentUser =
+                                                            {
                                                                 events: events,
                                                                 color: "darkblue",
                                                                 id: 1000,
                                                                 editable: false,
                                                             };
-                          this.calendarEvents.user = calendarEventsCurrentUser;
+                                                        this.calendarEvents.user =
+                                                            calendarEventsCurrentUser;
 
-                          this.selectUsers(currentUser);
+                                                        this.selectUsers(
+                                                            currentUser,
+                                                        );
 
                                                         resolve();
-                        }),
+                                                    },
+                                                ),
                                         );
 
                                         resolve();
@@ -190,7 +209,9 @@ export default {
             return `${value.username}`;
         },
         coloriseSelectedValues() {
-      let tags = document.querySelectorAll("div.multiselect__tags-wrap")[0];
+            let tags = document.querySelectorAll(
+                "div.multiselect__tags-wrap",
+            )[0];
 
             if (tags.hasChildNodes()) {
                 let children = tags.childNodes;
@@ -211,8 +232,8 @@ export default {
         },
         selectEvents() {
             let selectedUsersId = this.users.selected.map((a) => a.id);
-      this.calendarEvents.selected = this.calendarEvents.loaded.filter((a) =>
-        selectedUsersId.includes(a.id),
+            this.calendarEvents.selected = this.calendarEvents.loaded.filter(
+                (a) => selectedUsersId.includes(a.id),
             );
         },
         selectUsers(value) {
@@ -222,7 +243,9 @@ export default {
             this.updateEventsSource();
         },
         unSelectUsers(value) {
-      this.users.selected = this.users.selected.filter((a) => a.id != value.id);
+            this.users.selected = this.users.selected.filter(
+                (a) => a.id != value.id,
+            );
             this.selectEvents();
             this.updateEventsSource();
         },

src/Bundle/ChillDocGeneratorBundle/Resources/public/vuejs/_components/PickTemplate.vue

@@ -20,7 +20,10 @@
                                 </option>
                                 <template v-for="t in templates" :key="t.id">
                                     <option :value="t.id">
-                    {{ localizeString(t.name) || "Aucun nom défini" }}
+                                        {{
+                                            localizeString(t.name) ||
+                                            "Aucun nom défini"
+                                        }}
                                     </option>
                                 </template>
                             </select>
@@ -28,7 +31,9 @@
                                 v-if="canGenerate"
                                 class="btn btn-update btn-sm change-icon"
                                 :href="buildUrlGenerate"
-                @click.prevent="clickGenerate($event, buildUrlGenerate)"
+                                @click.prevent="
+                                    clickGenerate($event, buildUrlGenerate)
+                                "
                                 ><i class="fa fa-fw fa-cog"
                             /></a>
                             <a

src/Bundle/ChillDocStoreBundle/Resources/public/module/async_upload/index.ts

@@ -13,9 +13,8 @@ const startApp = (
 
     const inputTitle = collectionEntry?.querySelector("input[type='text']");
 
-  const input_stored_object: HTMLInputElement | null = divElement.querySelector(
-    "input[data-stored-object]",
-  );
+    const input_stored_object: HTMLInputElement | null =
+        divElement.querySelector("input[data-stored-object]");
     if (null === input_stored_object) {
         throw new Error("input to stored object not found");
     }
@@ -54,7 +53,9 @@ const startApp = (
                 console.log("version added", stored_object_version);
                 this.$data.existingDoc = stored_object;
                 this.$data.existingDoc.currentVersion = stored_object_version;
-        input_stored_object.value = JSON.stringify(this.$data.existingDoc);
+                input_stored_object.value = JSON.stringify(
+                    this.$data.existingDoc,
+                );
                 if (this.$data.inputTitle) {
                     if (!this.$data.inputTitle?.value) {
                         this.$data.inputTitle.value = file_name;

src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/DocumentActionButtonsGroup.vue

@@ -49,7 +49,9 @@
             <li v-if="isHistoryViewable">
                 <history-button
                     :stored-object="props.storedObject"
-          :can-edit="canEdit && props.storedObject._permissions.canEdit"
+                    :can-edit="
+                        canEdit && props.storedObject._permissions.canEdit
+                    "
                 ></history-button>
             </li>
         </ul>
@@ -127,7 +129,9 @@ const props = withDefaults(defineProps<DocumentActionButtonsGroupConfig>(), {
     canDownload: true,
     canConvertPdf: true,
     returnPath:
-    window.location.pathname + window.location.search + window.location.hash,
+        window.location.pathname +
+        window.location.search +
+        window.location.hash,
 });
 
 /**

src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/DocumentSignature/App.vue

@@ -29,7 +29,9 @@
         </modal>
     </teleport>
     <div class="col-12 m-auto sticky-top">
-    <div class="row justify-content-center border-bottom pdf-tools d-md-none">
+        <div
+            class="row justify-content-center border-bottom pdf-tools d-md-none"
+        >
             <div class="col-5 text-center turn-page">
                 <select
                     class="form-select form-select-sm"
@@ -90,7 +92,10 @@
                 v-if="signature.zones.length === 1 && signedState !== 'signed'"
                 class="col-5 p-0 text-center turnSignature"
             >
-        <button class="btn btn-light btn-sm" @click="goToSignatureZoneUnique">
+                <button
+                    class="btn btn-light btn-sm"
+                    @click="goToSignatureZoneUnique"
+                >
                     {{ trans(SIGNATURES_GO_TO_SIGNATURE_UNIQUE) }}
                 </button>
             </div>
@@ -145,7 +150,10 @@
                     :title="trans(SIGNATURES_ADD_SIGN_ZONE)"
                 >
                     <template v-if="canvasEvent === 'add'">
-            <div class="spinner-border spinner-border-sm" role="status">
+                        <div
+                            class="spinner-border spinner-border-sm"
+                            role="status"
+                        >
                             <span class="visually-hidden">Loading...</span>
                         </div>
                     </template>
@@ -199,7 +207,10 @@
                 v-if="signature.zones.length === 1 && signedState !== 'signed'"
                 class="col-4 d-xl-none text-center turnSignature p-0"
             >
-        <button class="btn btn-light btn-sm" @click="goToSignatureZoneUnique">
+                <button
+                    class="btn btn-light btn-sm"
+                    @click="goToSignatureZoneUnique"
+                >
                     {{ trans(SIGNATURES_GO_TO_SIGNATURE_UNIQUE) }}
                 </button>
             </div>
@@ -227,7 +238,10 @@
                 v-if="signature.zones.length === 1 && signedState !== 'signed'"
                 class="col-4 d-none d-xl-flex p-0 text-center turnSignature"
             >
-        <button class="btn btn-light btn-sm" @click="goToSignatureZoneUnique">
+                <button
+                    class="btn btn-light btn-sm"
+                    @click="goToSignatureZoneUnique"
+                >
                     {{ trans(SIGNATURES_GO_TO_SIGNATURE_UNIQUE) }}
                 </button>
             </div>
@@ -285,7 +299,10 @@
                     </template>
                     <template v-else>
                         {{ trans(SIGNATURES_CLICK_ON_DOCUMENT) }}
-            <div class="spinner-border spinner-border-sm" role="status">
+                        <div
+                            class="spinner-border spinner-border-sm"
+                            role="status"
+                        >
                             <span class="visually-hidden">Loading...</span>
                         </div>
                     </template>
@@ -545,8 +562,14 @@ const addCanvasEvents = () => {
             );
         });
     } else {
-    const canvas = document.querySelectorAll("canvas")[0] as HTMLCanvasElement;
-    canvas.addEventListener("pointerup", (e) => canvasClick(e, canvas), false);
+        const canvas = document.querySelectorAll(
+            "canvas",
+        )[0] as HTMLCanvasElement;
+        canvas.addEventListener(
+            "pointerup",
+            (e) => canvasClick(e, canvas),
+            false,
+        );
     }
 };
 
@@ -582,7 +605,11 @@ const hitSignature = (
         scaleYToCanvas(zone.y, canvas.height, zone.PDFPage.height) <
         xy[1] &&
     xy[1] <
-    scaleYToCanvas(zone.height - zone.y, canvas.height, zone.PDFPage.height) +
+        scaleYToCanvas(
+            zone.height - zone.y,
+            canvas.height,
+            zone.PDFPage.height,
+        ) +
             zone.PDFPage.height * zoom.value;
 
 const selectZone = async (z: SignatureZone, canvas: HTMLCanvasElement) => {
@@ -598,7 +625,8 @@ const selectZoneEvent = (e: PointerEvent, canvas: HTMLCanvasElement) =>
     signature.zones
         .filter(
             (z) =>
-        (z.PDFPage.index + 1 === getCanvasId(canvas) && multiPage.value) ||
+                (z.PDFPage.index + 1 === getCanvasId(canvas) &&
+                    multiPage.value) ||
                 (z.PDFPage.index + 1 === page.value && !multiPage.value),
         )
         .map((z) => {

src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/DropFileWidget/DropFile.vue

@@ -153,10 +153,12 @@ const handleFile = async (file: File): Promise<void> => {
             </p>
             <!-- todo i18n -->
             <p v-if="has_existing_doc">
-        Déposez un document ou cliquez ici pour remplacer le document existant
+                Déposez un document ou cliquez ici pour remplacer le document
+                existant
             </p>
             <p v-else>
-        Déposez un document ou cliquez ici pour ouvrir le navigateur de fichier
+                Déposez un document ou cliquez ici pour ouvrir le navigateur de
+                fichier
             </p>
         </div>
         <div v-else class="waiting">

src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/StoredObjectButton/ConvertButton.vue

@@ -35,7 +35,9 @@ async function download_and_open(event: Event): Promise<void> {
     if (null === state.content) {
         event.preventDefault();
 
-    const raw = await download_doc(build_convert_link(props.storedObject.uuid));
+        const raw = await download_doc(
+            build_convert_link(props.storedObject.uuid),
+        );
         state.content = window.URL.createObjectURL(raw);
 
         button.href = window.URL.createObjectURL(raw);

src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/StoredObjectButton/DesktopEditButton.vue

@@ -42,7 +42,9 @@ const editionUntilFormatted = computed<string>(() => {
         <modal v-if="state.modalOpened" @close="state.modalOpened = false">
             <template v-slot:body>
                 <div class="desktop-edit">
-          <p class="center">Veuillez enregistrer vos modifications avant le</p>
+                    <p class="center">
+                        Veuillez enregistrer vos modifications avant le
+                    </p>
                     <p>
                         <strong>{{ editionUntilFormatted }}</strong>
                     </p>
@@ -55,21 +57,23 @@ const editionUntilFormatted = computed<string>(() => {
 
                     <p>
                         <small
-              >Le document peut être édité uniquement en utilisant Libre
-              Office.</small
+                            >Le document peut être édité uniquement en utilisant
+                            Libre Office.</small
                         >
                     </p>
 
                     <p>
                         <small
-              >En cas d'échec lors de l'enregistrement, sauver le document sur
-              le poste de travail avant de le déposer à nouveau ici.</small
+                            >En cas d'échec lors de l'enregistrement, sauver le
+                            document sur le poste de travail avant de le déposer
+                            à nouveau ici.</small
                         >
                     </p>
 
                     <p>
                         <small
-              >Vous pouvez naviguez sur d'autres pages pendant l'édition.</small
+                            >Vous pouvez naviguez sur d'autres pages pendant
+                            l'édition.</small
                         >
                     </p>
                 </div>

src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/StoredObjectButton/DownloadButton.vue

@@ -95,7 +95,10 @@ async function download_and_open(): Promise<void> {
     let raw;
 
     try {
-    raw = await download_and_decrypt_doc(props.storedObject, props.atVersion);
+        raw = await download_and_decrypt_doc(
+            props.storedObject,
+            props.atVersion,
+        );
     } catch (e) {
         console.error("error while downloading and decrypting document");
         console.error(e);

src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/StoredObjectButton/HistoryButton/HistoryButtonListItem.vue

@@ -49,7 +49,8 @@ const isRestored = computed<boolean>(
 );
 
 const isDuplicated = computed<boolean>(
-  () => props.version.version === 0 && null !== props.version["from-restored"],
+    () =>
+        props.version.version === 0 && null !== props.version["from-restored"],
 );
 
 const classes = computed<{
@@ -69,9 +70,16 @@ const classes = computed<{
     <div :class="classes">
         <div
             class="col-12 tags"
-      v-if="isCurrent || isKeptBeforeConversion || isRestored || isDuplicated"
+            v-if="
+                isCurrent ||
+                isKeptBeforeConversion ||
+                isRestored ||
+                isDuplicated
+            "
+        >
+            <span class="badge bg-success" v-if="isCurrent"
+                >Version actuelle</span
             >
-      <span class="badge bg-success" v-if="isCurrent">Version actuelle</span>
             <span class="badge bg-info" v-if="isKeptBeforeConversion"
                 >Conservée avant conversion dans un autre format</span
             >
@@ -88,17 +96,21 @@ const classes = computed<{
             <span
                 ><strong>&nbsp;#{{ version.version + 1 }}&nbsp;</strong></span
             >
-      <template v-if="version.createdBy !== null && version.createdAt !== null"
+            <template
+                v-if="version.createdBy !== null && version.createdAt !== null"
                 ><strong v-if="version.version == 0">créé par</strong
                 ><strong v-else>modifié par</strong>
                 <span class="badge-user"
-          ><UserRenderBoxBadge :user="version.createdBy"></UserRenderBoxBadge
+                    ><UserRenderBoxBadge
+                        :user="version.createdBy"
+                    ></UserRenderBoxBadge
                 ></span>
                 <strong>à</strong>
                 {{
                     $d(ISOToDatetime(version.createdAt.datetime8601), "long")
                 }}</template
-      ><template v-if="version.createdBy === null && version.createdAt !== null"
+            ><template
+                v-if="version.createdBy === null && version.createdAt !== null"
                 ><strong v-if="version.version == 0">Créé le</strong
                 ><strong v-else>modifié le</strong>
                 {{

src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/StoredObjectButton/WopiEditButton.vue

@@ -2,7 +2,9 @@
     <a
         :class="Object.assign(props.classes, { btn: true })"
         @click="beforeLeave($event)"
-    :href="build_wopi_editor_link(props.storedObject.uuid, props.returnPath)"
+        :href="
+            build_wopi_editor_link(props.storedObject.uuid, props.returnPath)
+        "
     >
         <i class="fa fa-paragraph"></i>
         Editer en ligne

src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/StoredObjectButton/helpers.ts

@@ -145,7 +145,9 @@ async function download_info_link(
 function build_wopi_editor_link(uuid: string, returnPath?: string) {
     if (returnPath === undefined) {
         returnPath =
-      window.location.pathname + window.location.search + window.location.hash;
+            window.location.pathname +
+            window.location.search +
+            window.location.hash;
     }
 
     return (
@@ -184,7 +186,10 @@ async function download_and_decrypt_doc(
     ) {
         downloadInfo = storedObject._links.downloadLink;
     } else {
-    downloadInfo = await download_info_link(storedObject, atVersionToDownload);
+        downloadInfo = await download_info_link(
+            storedObject,
+            atVersionToDownload,
+        );
     }
 
     const rawResponse = await window.fetch(downloadInfo.url);
@@ -239,7 +244,10 @@ async function download_doc_as_pdf(storedObject: StoredObject): Promise<Blob> {
     }
 
     if (storedObject.currentVersion?.type === "application/pdf") {
-    return download_and_decrypt_doc(storedObject, storedObject.currentVersion);
+        return download_and_decrypt_doc(
+            storedObject,
+            storedObject.currentVersion,
+        );
     }
 
     const convertLink = build_convert_link(storedObject.uuid);

src/Bundle/ChillMainBundle/Entity/User.php

@@ -613,14 +613,4 @@ class User implements UserInterface, \Stringable, PasswordAuthenticatedUserInter
 
         return $this;
     }
-
-    /**
-     * Check if the current object is an instance of User.
-     *
-     * @return bool returns true if the current object is an instance of User, false otherwise
-     */
-    public function isUser(): bool
-    {
-        return true;
-    }
 }

src/Bundle/ChillMainBundle/Export/Formatter/SpreadsheetListFormatter.php

@@ -27,8 +27,6 @@ use Symfony\Component\HttpFoundation\Response;
 use Symfony\Contracts\Translation\TranslatableInterface;
 use Symfony\Contracts\Translation\TranslatorInterface;
 
-// 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
-
 /**
  * Create a CSV List for the export.
  */

src/Bundle/ChillMainBundle/Phonenumber/PhonenumberHelper.php

@@ -76,24 +76,6 @@ final class PhonenumberHelper implements PhoneNumberHelperInterface
             ->formatOutOfCountryCallingNumber($phoneNumber, $this->config['default_carrier_code']);
     }
 
-    /**
-     * @throws NumberParseException
-     */
-    public function parse(string $phoneNumber): PhoneNumber
-    {
-        $sanitizedPhoneNumber = $phoneNumber;
-
-        if (str_starts_with($sanitizedPhoneNumber, '00')) {
-            $sanitizedPhoneNumber = '+'.substr($sanitizedPhoneNumber, 2, null);
-        }
-
-        if (!str_starts_with($sanitizedPhoneNumber, '+') && !str_starts_with($sanitizedPhoneNumber, '0')) {
-            $sanitizedPhoneNumber = '+'.$sanitizedPhoneNumber;
-        }
-
-        return $this->phoneNumberUtil->parse($sanitizedPhoneNumber, $this->config['default_carrier_code']);
-    }
-
     /**
      * Get type (mobile, landline, ...) for phone number.
      */

src/Bundle/ChillMainBundle/Resources/public/chill/js/date.ts

@@ -56,7 +56,9 @@ export const ISOToDatetime = (str: string | null): Date | null => {
         [time, timezone] = times.split(times.charAt(8)),
         [hours, minutes, seconds] = time.split(":").map((s) => parseInt(s));
     if ("0000" === timezone) {
-    return new Date(Date.UTC(year, month - 1, date, hours, minutes, seconds));
+        return new Date(
+            Date.UTC(year, month - 1, date, hours, minutes, seconds),
+        );
     }
 
     return new Date(year, month - 1, date, hours, minutes, seconds);
@@ -152,7 +154,9 @@ export const intervalISOToDays = (str: string | null): number | null => {
                 vstring = "";
                 break;
             default:
-        throw Error("this character should not appears: " + str.charAt(i));
+                throw Error(
+                    "this character should not appears: " + str.charAt(i),
+                );
         }
     }
 

src/Bundle/ChillMainBundle/Resources/public/module/pick-entity/index.js

@@ -126,8 +126,7 @@ function loadDynamicPicker(element) {
             -1 ===
             this.suggested.findIndex(
               (e) => e.type === entity.type && e.id === entity.id,
-              ) &&
-            "me" !== entity
+            )
           ) {
             this.suggested.push(entity);
           }

src/Bundle/ChillMainBundle/Resources/public/types.ts

@@ -11,11 +11,6 @@ export interface Civility {
     // TODO
 }
 
-export interface Household {
-  type: "household";
-  id: number;
-}
-
 export interface Job {
     id: number;
     type: "user_job";
@@ -220,61 +215,3 @@ export interface ExportGeneration {
 export interface PrivateCommentEmbeddable {
     comments: Record<number, string>;
 }
-
-// API Exception types
-export interface TransportExceptionInterface {
-  name: string;
-}
-
-export interface ValidationExceptionInterface
-  extends TransportExceptionInterface {
-  name: "ValidationException";
-  error: object;
-  violations: string[];
-  titles: string[];
-  propertyPaths: string[];
-}
-
-export interface AccessExceptionInterface extends TransportExceptionInterface {
-  name: "AccessException";
-  violations: string[];
-}
-
-export interface NotFoundExceptionInterface
-  extends TransportExceptionInterface {
-  name: "NotFoundException";
-}
-
-export interface ServerExceptionInterface extends TransportExceptionInterface {
-  name: "ServerException";
-  message: string;
-  code: number;
-  body: string;
-}
-
-export interface ConflictHttpExceptionInterface
-  extends TransportExceptionInterface {
-  name: "ConflictHttpException";
-  violations: string[];
-}
-
-export type ApiException =
-  | ValidationExceptionInterface
-  | AccessExceptionInterface
-  | NotFoundExceptionInterface
-  | ServerExceptionInterface
-  | ConflictHttpExceptionInterface;
-
-export interface Modal {
-  showModal: boolean;
-  modalDialogClass: string;
-}
-
-export interface Selected {
-  result: UserGroupOrUser;
-}
-
-export interface addNewEntities {
-  selected: Selected[];
-  modal: Modal;
-}

src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/AddAddress.vue

@@ -144,7 +144,10 @@
                 </template>
                 <template #action>
                     <li v-if="!this.context.edit && this.useDatePane">
-            <button class="btn btn-update change-icon" @click="closeEditPane">
+                        <button
+                            class="btn btn-update change-icon"
+                            @click="closeEditPane"
+                        >
                             {{ $t("nav.next") }}
                             <i class="fa fa-fw fa-arrow-right" />
                         </button>
@@ -367,7 +370,8 @@ export default {
         getTextTitle() {
             if (
                 typeof this.options.title !== "undefined" &&
-        (this.options.title.edit !== null || this.options.title.create !== null)
+                (this.options.title.edit !== null ||
+                    this.options.title.create !== null)
             ) {
                 return this.context.edit
                     ? this.options.title.edit
@@ -485,7 +489,10 @@ export default {
                 if (!this.context.edit) {
                     this.context.edit = true;
                     this.context.addressId = params.addressId;
-          console.log("context is now edit, with address", params.addressId);
+                    console.log(
+                        "context is now edit, with address",
+                        params.addressId,
+                    );
                 }
             }
         },
@@ -612,7 +619,9 @@ export default {
                 ? this.entity.address.confidential
                 : false;
             this.entity.selected.isNoAddress =
-        this.context.edit && this.entity.address.text === "" ? true : false;
+                this.context.edit && this.entity.address.text === ""
+                    ? true
+                    : false;
 
             this.entity.selected.country = this.context.edit
                 ? this.entity.address.country
@@ -707,7 +716,8 @@ export default {
             // add the address reference, if any
             if (this.entity.selected.address.addressReference !== undefined) {
                 newAddress = Object.assign(newAddress, {
-          addressReference: this.entity.selected.address.addressReference,
+                    addressReference:
+                        this.entity.selected.address.addressReference,
                 });
             } else {
                 newAddress = Object.assign(newAddress, {
@@ -727,7 +737,10 @@ export default {
                 });
             }
             if (this.validTo && null !== this.entity.selected.valid.to) {
-        console.log("add validTo in fetch body", this.entity.selected.valid.to);
+                console.log(
+                    "add validTo in fetch body",
+                    this.entity.selected.valid.to,
+                );
                 newAddress = Object.assign(newAddress, {
                     validTo: {
                         datetime: `${this.entity.selected.valid.to.toISOString().split("T")[0]}T00:00:00+0100`,
@@ -739,7 +752,10 @@ export default {
                 newPostcode = Object.assign(newPostcode, {
                     country: { id: this.entity.selected.country.id },
                 }); //TODO why not assign postcodeBody here = Object.assign(postcodeBody, {'origin': 3}); ?
-        console.log("writeNew postcode is true! newPostcode: ", newPostcode);
+                console.log(
+                    "writeNew postcode is true! newPostcode: ",
+                    newPostcode,
+                );
                 newAddress = Object.assign(newAddress, {
                     newPostcode: newPostcode,
                 });

src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/AddAddress/AddressMap.vue

@@ -72,7 +72,10 @@ export default {
                     this.entity.addressMap.zoom,
                 );
             } else {
-        this.map.setView(lonLatForLeaflet(this.addressPoint.coordinates), 15);
+                this.map.setView(
+                    lonLatForLeaflet(this.addressPoint.coordinates),
+                    15,
+                );
             }
 
             this.map.scrollWheelZoom.disable();
@@ -102,7 +105,9 @@ export default {
         },
         update() {
             if (this.marker && this.entity.addressMap.center) {
-        this.marker.setLatLng(lonLatForLeaflet(this.entity.addressMap.center));
+                this.marker.setLatLng(
+                    lonLatForLeaflet(this.entity.addressMap.center),
+                );
                 this.map.panTo(lonLatForLeaflet(this.entity.addressMap.center));
             }
         },

src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/AddAddress/AddressSelection.vue

@@ -76,7 +76,9 @@ export default {
     props: ["entity", "context", "updateMapCenter", "flag", "checkErrors"],
     data() {
         return {
-      value: this.context.edit ? this.entity.address.addressReference : null,
+            value: this.context.edit
+                ? this.entity.address.addressReference
+                : null,
             isLoading: false,
         };
     },
@@ -149,7 +151,8 @@ export default {
                         .then(
                             (addresses) =>
                                 new Promise((resolve, reject) => {
-                  this.entity.loaded.addresses = addresses.results;
+                                    this.entity.loaded.addresses =
+                                        addresses.results;
                                     this.isLoading = false;
                                     resolve();
                                 }),
@@ -166,7 +169,8 @@ export default {
                             .then(
                                 (addresses) =>
                                     new Promise((resolve, reject) => {
-                    this.entity.loaded.addresses = addresses.results;
+                                        this.entity.loaded.addresses =
+                                            addresses.results;
                                         this.isLoading = false;
                                         resolve();
                                     }),

src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/AddAddress/CitySelection.vue

@@ -136,7 +136,9 @@ export default {
     },
     methods: {
         transName(value) {
-      return value.code && value.name ? `${value.name} (${value.code})` : "";
+            return value.code && value.name
+                ? `${value.name} (${value.code})`
+                : "";
         },
         selectCity(value) {
             console.log(value);
@@ -144,7 +146,8 @@ export default {
             this.entity.selected.postcode.name = value.name;
             this.entity.selected.postcode.code = value.code;
             if (value.center) {
-        this.entity.selected.postcode.coordinates = value.center.coordinates;
+                this.entity.selected.postcode.coordinates =
+                    value.center.coordinates;
             }
             this.entity.selected.writeNew.postcode = false;
             this.$emit("getReferenceAddresses", value);
@@ -165,7 +168,8 @@ export default {
                     .then(
                         (cities) =>
                             new Promise((resolve, reject) => {
-                this.entity.loaded.cities = cities.results.filter(
+                                this.entity.loaded.cities =
+                                    cities.results.filter(
                                         (c) => c.origin !== 3,
                                     ); // filter out user-defined cities
                                 this.isLoading = false;
@@ -184,7 +188,8 @@ export default {
                         .then(
                             (cities) =>
                                 new Promise((resolve, reject) => {
-                  this.entity.loaded.cities = cities.results.filter(
+                                    this.entity.loaded.cities =
+                                        cities.results.filter(
                                             (c) => c.origin !== 3,
                                         ); // filter out user-defined cities
                                     this.isLoading = false;

src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/AddAddress/CountrySelection.vue

@@ -42,8 +42,12 @@ export default {
         sortedCountries() {
             const countries = this.entity.loaded.countries;
             let sortedCountries = [];
-      sortedCountries.push(...countries.filter((c) => c.countryCode === "FR"));
-      sortedCountries.push(...countries.filter((c) => c.countryCode === "BE"));
+            sortedCountries.push(
+                ...countries.filter((c) => c.countryCode === "FR"),
+            );
+            sortedCountries.push(
+                ...countries.filter((c) => c.countryCode === "BE"),
+            );
             sortedCountries.push(
                 ...countries
                     .filter((c) => c.countryCode !== "FR")

src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/DatePane.vue

@@ -1,6 +1,9 @@
 <template>
     <div v-if="insideModal === false" class="loading">
-    <i v-if="flag.loading" class="fa fa-circle-o-notch fa-spin fa-2x fa-fw" />
+        <i
+            v-if="flag.loading"
+            class="fa fa-circle-o-notch fa-spin fa-2x fa-fw"
+        />
         <span class="sr-only">{{ $t("loading") }}</span>
     </div>
 
@@ -139,7 +142,8 @@ export default {
                 address["street"] = this.entity.selected.address.street
                     ? this.entity.selected.address.street
                     : null;
-        address["streetNumber"] = this.entity.selected.address.streetNumber
+                address["streetNumber"] = this.entity.selected.address
+                    .streetNumber
                     ? this.entity.selected.address.streetNumber
                     : null;
                 address["floor"] = this.entity.selected.address.floor
@@ -154,10 +158,12 @@ export default {
                 address["flat"] = this.entity.selected.address.flat
                     ? this.entity.selected.address.flat
                     : null;
-        address["buildingName"] = this.entity.selected.address.buildingName
+                address["buildingName"] = this.entity.selected.address
+                    .buildingName
                     ? this.entity.selected.address.buildingName
                     : null;
-        address["distribution"] = this.entity.selected.address.distribution
+                address["distribution"] = this.entity.selected.address
+                    .distribution
                     ? this.entity.selected.address.distribution
                     : null;
                 address["extra"] = this.entity.selected.address.extra

src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/EditPane.vue

@@ -2,7 +2,10 @@
     <div class="address-form">
         <!-- Not display in modal -->
         <div v-if="insideModal === false" class="loading">
-      <i v-if="flag.loading" class="fa fa-circle-o-notch fa-spin fa-2x fa-fw" />
+            <i
+                v-if="flag.loading"
+                class="fa fa-circle-o-notch fa-spin fa-2x fa-fw"
+            />
             <span class="sr-only">Loading...</span>
         </div>
 

src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/ShowPane.vue

@@ -1,7 +1,10 @@
 <template>
     <div v-if="!onlyButton" class="mt-4 flex-grow-1">
         <div class="loading">
-      <i v-if="flag.loading" class="fa fa-circle-o-notch fa-spin fa-2x fa-fw" />
+            <i
+                v-if="flag.loading"
+                class="fa fa-circle-o-notch fa-spin fa-2x fa-fw"
+            />
             <span class="sr-only">{{ $t("loading") }}</span>
         </div>
 
@@ -42,7 +45,9 @@
                             name="button"
                             :title="$t(getTextButton)"
                         >
-              <span v-if="displayTextButton">{{ $t(getTextButton) }}</span>
+                            <span v-if="displayTextButton">{{
+                                $t(getTextButton)
+                            }}</span>
                         </button>
                     </template>
                 </action-buttons>
@@ -55,7 +60,9 @@
             :use-date-pane="useDatePane"
         />
 
-    <div v-if="this.context.target.name === 'household' || this.context.edit">
+        <div
+            v-if="this.context.target.name === 'household' || this.context.edit"
+        >
             <action-buttons :options="this.options" :defaultz="this.defaultz">
                 <template #action>
                     <button
@@ -66,7 +73,9 @@
                         name="button"
                         :title="$t(getTextButton)"
                     >
-            <span v-if="displayTextButton">{{ $t(getTextButton) }}</span>
+                        <span v-if="displayTextButton">{{
+                            $t(getTextButton)
+                        }}</span>
                     </button>
                 </template>
             </action-buttons>
@@ -88,7 +97,9 @@
                     name="button"
                     :title="$t(getTextButton)"
                 >
-          <span v-if="displayTextButton">{{ $t(getTextButton) }}</span>
+                    <span v-if="displayTextButton">{{
+                        $t(getTextButton)
+                    }}</span>
                 </button>
             </template>
         </action-buttons>
@@ -154,7 +165,9 @@ export default {
                 : this.defaultz.button.text.create;
         },
         getSuccessText() {
-      return this.context.edit ? "address_edit_success" : "address_new_success";
+            return this.context.edit
+                ? "address_edit_success"
+                : "address_new_success";
         },
         onlyButton() {
             return typeof this.options.onlyButton !== "undefined"

src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/SuggestPane.vue

@@ -1,6 +1,9 @@
 <template>
     <div v-if="insideModal === false" class="loading">
-    <i v-if="flag.loading" class="fa fa-circle-o-notch fa-spin fa-2x fa-fw" />
+        <i
+            v-if="flag.loading"
+            class="fa fa-circle-o-notch fa-spin fa-2x fa-fw"
+        />
         <span class="sr-only">{{ $t("loading") }}</span>
     </div>
 

src/Bundle/ChillMainBundle/Resources/public/vuejs/DownloadExport/App.vue

@@ -86,7 +86,10 @@ onMounted(() => {
 
 <template>
     <div id="waiting-screen">
-    <div v-if="isPending && isFetching" class="alert alert-danger text-center">
+        <div
+            v-if="isPending && isFetching"
+            class="alert alert-danger text-center"
+        >
             <div>
                 <p>
                     {{ trans(EXPORT_GENERATION_EXPORT_GENERATION_IS_PENDING) }}

src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/App.vue

@@ -67,7 +67,9 @@
                 @click="selectTab('MyWorkflows')"
             >
                 {{ $t("my_workflows.tab") }}
-        <tab-counter :count="state.workflows.count + state.workflowsCc.count" />
+                <tab-counter
+                    :count="state.workflows.count + state.workflowsCc.count"
+                />
             </a>
         </li>
         <li class="nav-item loading ms-auto py-2" v-if="loading">

src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/DashboardWidgets/NewsItem.vue

@@ -25,9 +25,11 @@
             </template>
             <template #body>
                 <p class="news-date">
-          <time class="createdBy" datetime="{{item.startDate.datetime}}">{{
-            $d(newsItemStartDate(), "text")
-          }}</time>
+                    <time
+                        class="createdBy"
+                        datetime="{{item.startDate.datetime}}"
+                        >{{ $d(newsItemStartDate(), "text") }}</time
+                    >
                 </p>
                 <div v-html="convertMarkdownToHtml(item.content)"></div>
             </template>
@@ -91,7 +93,10 @@ const truncateContent = (content: string): string => {
 
     // Truncate if amount of lines are too many
     if (lines.length > props.maxLines && content.length < props.maxLength) {
-    const truncatedContent = lines.slice(0, props.maxLines).join("\n").trim();
+        const truncatedContent = lines
+            .slice(0, props.maxLines)
+            .join("\n")
+            .trim();
         return truncatedContent + "...";
     }
 
@@ -120,7 +125,8 @@ const truncateContent = (content: string): string => {
     if (linkStartIndex !== -1) {
         const linkEndIndex = content.indexOf(")", linkStartIndex);
         const url = content.slice(linkStartIndex + 1, linkEndIndex);
-    truncatedContent = truncatedContent.slice(0, linkStartIndex) + `(${url})`;
+        truncatedContent =
+            truncatedContent.slice(0, linkStartIndex) + `(${url})`;
     }
 
     truncatedContent += "...";

src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyAccompanyingCourses.vue

@@ -20,7 +20,10 @@
             <th scope="col" />
         </template>
         <template #tbody>
-      <tr v-for="(c, i) in accompanyingCourses.results" :key="`course-${i}`">
+            <tr
+                v-for="(c, i) in accompanyingCourses.results"
+                :key="`course-${i}`"
+            >
                 <td>{{ $d(c.openingDate.datetime, "short") }}</td>
                 <td>
                     <span
@@ -34,7 +37,11 @@
                     </span>
                 </td>
                 <td>
-          <span v-for="p in c.participations" class="me-1" :key="p.person.id">
+                    <span
+                        v-for="p in c.participations"
+                        class="me-1"
+                        :key="p.person.id"
+                    >
                         <on-the-fly
                             :type="p.person.type"
                             :id="p.person.id"
@@ -45,12 +52,16 @@
                     </span>
                 </td>
                 <td>
-          <span v-if="c.emergency" class="badge rounded-pill bg-danger me-1">{{
-            $t("emergency")
-          }}</span>
-          <span v-if="c.confidential" class="badge rounded-pill bg-danger">{{
-            $t("confidential")
-          }}</span>
+                    <span
+                        v-if="c.emergency"
+                        class="badge rounded-pill bg-danger me-1"
+                        >{{ $t("emergency") }}</span
+                    >
+                    <span
+                        v-if="c.confidential"
+                        class="badge rounded-pill bg-danger"
+                        >{{ $t("confidential") }}</span
+                    >
                 </td>
                 <td>
                     <a class="btn btn-sm btn-show" :href="getUrl(c)">

src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyCustoms.vue

@@ -27,7 +27,9 @@
                                 :plural="counter.accompanyingCourses"
                             >
                                 <template #n>
-                  <span>{{ counter.accompanyingCourses }}</span>
+                                    <span>{{
+                                        counter.accompanyingCourses
+                                    }}</span>
                                 </template>
                             </i18n-t>
                         </li>

src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyEvaluations.vue

@@ -20,7 +20,10 @@
                 <th scope="col" />
             </template>
             <template #tbody>
-        <tr v-for="(e, i) in evaluations.results" :key="`evaluation-${i}`">
+                <tr
+                    v-for="(e, i) in evaluations.results"
+                    :key="`evaluation-${i}`"
+                >
                     <td>{{ $d(e.maxDate.datetime, "short") }}</td>
                     <td>
                         {{ localizeString(e.evaluation.title) }}
@@ -28,7 +31,10 @@
                     <td>
                         <span class="chill-entity entity-social-issue">
                             <span class="badge bg-chill-l-gray text-dark">
-                {{ e.accompanyingPeriodWork.socialAction.issue.text }}
+                                {{
+                                    e.accompanyingPeriodWork.socialAction.issue
+                                        .text
+                                }}
                             </span>
                         </span>
                         <h4 class="badge-title">
@@ -52,7 +58,11 @@
                         </span>
                     </td>
                     <td>
-            <div class="btn-group-vertical" role="group" aria-label="Actions">
+                        <div
+                            class="btn-group-vertical"
+                            role="group"
+                            aria-label="Actions"
+                        >
                             <a class="btn btn-sm btn-show" :href="getUrl(e)">
                                 {{
                                     $t("show_entity", {
@@ -62,7 +72,12 @@
                             </a>
                             <a
                                 class="btn btn-sm btn-show"
-                :href="getUrl(e.accompanyingPeriodWork.accompanyingPeriod)"
+                                :href="
+                                    getUrl(
+                                        e.accompanyingPeriodWork
+                                            .accompanyingPeriod,
+                                    )
+                                "
                             >
                                 {{
                                     $t("show_entity", {

src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyTasks.vue

@@ -25,7 +25,9 @@
                 </td>
                 <td v-else />
                 <td>
-          <span class="outdated">{{ $d(t.endDate.datetime, "short") }}</span>
+                    <span class="outdated">{{
+                        $d(t.endDate.datetime, "short")
+                    }}</span>
                 </td>
                 <td>{{ t.title }}</td>
                 <td>
@@ -57,7 +59,10 @@
             <th scope="col" />
         </template>
         <template #tbody>
-      <tr v-for="(t, i) in tasks.warning.results" :key="`task-warning-${i}`">
+            <tr
+                v-for="(t, i) in tasks.warning.results"
+                :key="`task-warning-${i}`"
+            >
                 <td>
                     <span class="outdated">{{
                         $d(t.warningDate.datetime, "short")

src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyWorkflowsTable.vue

@@ -23,7 +23,9 @@
                 <td>
                     <div class="workflow">
                         <div class="breadcrumb">
-              <i class="fa fa-circle me-1 text-chill-yellow mx-2" />
+                            <i
+                                class="fa fa-circle me-1 text-chill-yellow mx-2"
+                            />
                             <span class="mx-2">{{ getStep(w) }}</span>
                         </div>
                         <span

src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyWorks.vue

@@ -37,7 +37,11 @@
                         </h4>
                     </td>
                     <td>
-            <span v-for="person in w.persons" class="me-1" :key="person.id">
+                        <span
+                            v-for="person in w.persons"
+                            class="me-1"
+                            :key="person.id"
+                        >
                             <on-the-fly
                                 :type="person.type"
                                 :id="person.id"
@@ -48,7 +52,11 @@
                         </span>
                     </td>
                     <td>
-            <div class="btn-group-vertical" role="group" aria-label="Actions">
+                        <div
+                            class="btn-group-vertical"
+                            role="group"
+                            aria-label="Actions"
+                        >
                             <a class="btn btn-sm btn-update" :href="getUrl(w)">
                                 {{
                                     $t("show_entity", {

src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/components/Create.vue

@@ -10,7 +10,7 @@
                         v-model="radioType"
                         value="person"
                     />
-          {{ trans(ONTHEFLY_CREATE_PERSON) }}
+                    {{ $t("onthefly.create.person") }}
                 </label>
             </a>
         </li>
@@ -24,7 +24,7 @@
                         v-model="radioType"
                         value="thirdparty"
                     />
-          {{ trans(ONTHEFLY_CREATE_THIRDPARTY) }}
+                    {{ $t("onthefly.create.thirdparty") }}
                 </label>
             </a>
         </li>
@@ -46,66 +46,64 @@
         />
     </div>
 </template>
-<script setup>
-import { ref, computed, onMounted } from "vue";
+
+<script>
 import OnTheFlyPerson from "ChillPersonAssets/vuejs/_components/OnTheFly/Person.vue";
 import OnTheFlyThirdparty from "ChillThirdPartyAssets/vuejs/_components/OnTheFly/ThirdParty.vue";
-import {
-  trans,
-  ONTHEFLY_CREATE_PERSON,
-  ONTHEFLY_CREATE_THIRDPARTY,
-} from "translator";
 
-const props = defineProps({
-  action: String,
-  allowedTypes: Array,
-  query: String,
-});
-
-const type = ref(null);
-
-const radioType = computed({
-  get: () => type.value,
-  set: (val) => {
-    type.value = val;
-    console.log("## type:", val, ", action:", props.action);
+export default {
+    name: "OnTheFlyCreate",
+    props: ["action", "allowedTypes", "query"],
+    components: {
+        OnTheFlyPerson,
+        OnTheFlyThirdparty,
     },
-});
-
-const castPerson = ref(null);
-const castThirdparty = ref(null);
-
-onMounted(() => {
-  type.value =
-    props.allowedTypes.length === 1 && props.allowedTypes.includes("thirdparty")
+    data() {
+        return {
+            type: null,
+        };
+    },
+    computed: {
+        radioType: {
+            set(type) {
+                this.type = type;
+                console.log("## type:", type, ", action:", this.action);
+            },
+            get() {
+                return this.type;
+            },
+        },
+    },
+    mounted() {
+        this.type =
+            this.allowedTypes.length === 1 &&
+            this.allowedTypes.includes("thirdparty")
                 ? "thirdparty"
                 : "person";
-});
-
-function isActive(tab) {
-  return type.value === tab;
-}
-
-function castDataByType() {
-  switch (radioType.value) {
+    },
+    methods: {
+        isActive(tab) {
+            return this.type === tab ? true : false;
+        },
+        castDataByType() {
+            switch (this.radioType) {
                 case "person":
-      return castPerson.value.$data.person;
+                    return this.$refs.castPerson.$data.person;
                 case "thirdparty":
-      let data = castThirdparty.value.$data.thirdparty;
+                    let data = this.$refs.castThirdparty.$data.thirdparty;
                     if (data.address !== undefined && data.address !== null) {
                         data.address = { id: data.address.address_id };
                     } else {
                         data.address = null;
                     }
+
                     return data;
                 default:
                     throw Error("Invalid type of entity");
             }
-}
-
-defineExpose({
-  castDataByType,
-});
+        },
+    },
+};
 </script>
 
 <style lang="css" scoped>

src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/components/OnTheFly.vue

@@ -9,7 +9,7 @@
         class="btn btn-sm"
         target="_blank"
         :class="classAction"
-    :title="trans(titleAction)"
+        :title="$t(titleAction)"
         @click="openModal"
     >
         {{ buttonText }}<span v-if="isDead"> (‡)</span>
@@ -23,10 +23,10 @@
         >
             <template #header>
                 <h3 v-if="parent" class="modal-title">
-          {{ trans(titleModal, { q: parent.text }) }}
+                    {{ $t(titleModal, { q: parent.text }) }}
                 </h3>
                 <h3 v-else class="modal-title">
-          {{ trans(titleModal) }}
+                    {{ $t(titleModal) }}
                 </h3>
             </template>
 
@@ -38,7 +38,7 @@
                     ref="castPerson"
                 />
                 <div v-if="hasResourceComment">
-          <h3>{{ trans(ONTHEFLY_RESOURCE_COMMENT_TITLE) }}</h3>
+                    <h3>{{ $t("onthefly.resource_comment_title") }}</h3>
                     <blockquote class="chill-user-quote">
                         {{ parent.comment }}
                     </blockquote>
@@ -53,7 +53,7 @@
                     ref="castThirdparty"
                 />
                 <div v-if="hasResourceComment">
-          <h3>{{ trans(ONTHEFLY_RESOURCE_COMMENT_TITLE) }}</h3>
+                    <h3>{{ $t("onthefly.resource_comment_title") }}</h3>
                     <blockquote class="chill-user-quote">
                         {{ parent.comment }}
                     </blockquote>
@@ -82,82 +82,65 @@
                 <a
                     v-if="action === 'show'"
                     :href="buildLocation(id, type)"
-          :title="trans(titleMessage)"
+                    :title="$t(titleMessage)"
                     class="btn btn-show"
-          >{{ trans(buttonMessage) }}
+                    >{{ $t(buttonMessage) }}
                 </a>
                 <a v-else class="btn btn-save" @click="saveAction">
-          {{ trans(ACTION_SAVE) }}
+                    {{ $t("action.save") }}
                 </a>
             </template>
         </modal>
     </teleport>
 </template>
-<script setup>
-import { ref, computed, defineEmits, defineProps } from "vue";
+
+<script>
 import Modal from "ChillMainAssets/vuejs/_components/Modal.vue";
 import OnTheFlyCreate from "./Create.vue";
 import OnTheFlyPerson from "ChillPersonAssets/vuejs/_components/OnTheFly/Person.vue";
 import OnTheFlyThirdparty from "ChillThirdPartyAssets/vuejs/_components/OnTheFly/ThirdParty.vue";
-import {
-  trans,
-  ACTION_SHOW,
-  ACTION_EDIT,
-  ACTION_CREATE,
-  ACTION_ADDCONTACT,
-  ONTHEFLY_CREATE_TITLE_DEFAULT,
-  ONTHEFLY_CREATE_TITLE_PERSON,
-  ONTHEFLY_CREATE_TITLE_THIRDPARTY,
-  ONTHEFLY_SHOW_PERSON,
-  ONTHEFLY_SHOW_THIRDPARTY,
-  ONTHEFLY_EDIT_PERSON,
-  ONTHEFLY_EDIT_THIRDPARTY,
-  ONTHEFLY_ADDCONTACT_TITLE,
-  ACTION_REDIRECT_PERSON,
-  ACTION_REDIRECT_THIRDPARTY,
-  ONTHEFLY_SHOW_FILE_PERSON,
-  ONTHEFLY_SHOW_FILE_THIRDPARTY,
-  ONTHEFLY_SHOW_FILE_DEFAULT,
-  ONTHEFLY_RESOURCE_COMMENT_TITLE,
-  ACTION_SAVE,
-} from "translator";
 
-const props = defineProps({
-  type: String,
-  id: [String, Number],
-  action: String,
-  buttonText: String,
-  displayBadge: Boolean,
-  isDead: Boolean,
-  parent: Object,
-  allowedTypes: Array,
-  query: String,
-});
-
-const emit = defineEmits(["saveFormOnTheFly"]);
-
-const modal = ref({
+export default {
+    name: "OnTheFly",
+    components: {
+        Modal,
+        OnTheFlyPerson,
+        OnTheFlyThirdparty,
+        OnTheFlyCreate,
+    },
+    props: [
+        "type",
+        "id",
+        "action",
+        "buttonText",
+        "displayBadge",
+        "isDead",
+        "parent",
+        "allowedTypes",
+        "query",
+    ],
+    emits: ["saveFormOnTheFly"],
+    data() {
+        return {
+            modal: {
                 showModal: false,
                 modalDialogClass: "modal-dialog-scrollable modal-xl",
-});
-
-const castPerson = ref();
-const castThirdparty = ref();
-const castNew = ref();
-
-const hasResourceComment = computed(() => {
+            },
+        };
+    },
+    computed: {
+        hasResourceComment() {
             return (
-    typeof props.parent !== "undefined" &&
-    props.parent !== null &&
-    props.action === "show" &&
-    props.parent.type === "accompanying_period_resource" &&
-    props.parent.comment !== null &&
-    props.parent.comment !== ""
+                typeof this.parent !== "undefined" &&
+                this.parent !== null &&
+                this.action === "show" &&
+                this.parent.type === "accompanying_period_resource" &&
+                this.parent.comment !== null &&
+                this.parent.comment !== ""
             );
-});
-
-const classAction = computed(() => {
-  switch (props.action) {
+        },
+        classAction() {
+            switch (this.action) {
                 case "show":
                     return "btn-show";
                 case "edit":
@@ -169,125 +152,114 @@ const classAction = computed(() => {
                 default:
                     return "";
             }
-});
-
-const titleAction = computed(() => {
-  switch (props.action) {
+        },
+        titleAction() {
+            switch (this.action) {
                 case "show":
-      return ACTION_SHOW;
+                    return "action.show";
                 case "edit":
-      return ACTION_EDIT;
+                    return "action.edit";
                 case "create":
-      return ACTION_CREATE;
+                    return "action.create";
                 case "addContact":
-      return ACTION_ADDCONTACT;
+                    return "action.addContact";
                 default:
                     return "";
             }
-});
-
-const titleCreate = computed(() => {
-  if (typeof props.allowedTypes === "undefined") {
-    return ONTHEFLY_CREATE_TITLE_DEFAULT;
+        },
+        titleCreate() {
+            if (typeof this.allowedTypes === "undefined") {
+                return "onthefly.create.title.default";
             }
-  return props.allowedTypes.every((t) => t === "person")
-    ? ONTHEFLY_CREATE_TITLE_PERSON
-    : props.allowedTypes.every((t) => t === "thirdparty")
-      ? ONTHEFLY_CREATE_TITLE_THIRDPARTY
-      : ONTHEFLY_CREATE_TITLE_DEFAULT;
-});
-
-const titleModal = computed(() => {
-  switch (props.action) {
+            return this.allowedTypes.every((t) => t === "person")
+                ? "onthefly.create.title.person"
+                : this.allowedTypes.every((t) => t === "thirdparty")
+                  ? "onthefly.create.title.thirdparty"
+                  : "onthefly.create.title.default";
+        },
+        titleModal() {
+            switch (this.action) {
                 case "show":
-      if (props.type == "person") {
-        return ONTHEFLY_SHOW_PERSON;
-      } else if (props.type == "thirdparty") {
-        return ONTHEFLY_SHOW_THIRDPARTY;
-      }
-      break;
+                    return "onthefly.show." + this.type;
                 case "edit":
-      if (props.type == "person") {
-        return ONTHEFLY_EDIT_PERSON;
-      } else if (props.type == "thirdparty") {
-        return ONTHEFLY_EDIT_THIRDPARTY;
-      }
-      break;
+                    return "onthefly.edit." + this.type;
                 case "create":
-      return titleCreate.value;
+                    return this.titleCreate;
                 case "addContact":
-      return ONTHEFLY_ADDCONTACT_TITLE;
-    default:
-      break;
-  }
-  return "";
-});
-
-const titleMessage = computed(() => {
-  switch (props.type) {
-    case "person":
-      return ACTION_REDIRECT_PERSON;
-    case "thirdparty":
-      return ACTION_REDIRECT_THIRDPARTY;
+                    return "onthefly.addContact.title";
                 default:
                     return "";
             }
-});
-
-const buttonMessage = computed(() => {
-  switch (props.type) {
+        },
+        titleMessage() {
+            switch (this.type) {
                 case "person":
-      return ONTHEFLY_SHOW_FILE_PERSON;
+                    return "action.redirect." + this.type;
                 case "thirdparty":
-      return ONTHEFLY_SHOW_FILE_THIRDPARTY;
+                    return "action.redirect." + this.type;
                 default:
-      return ONTHEFLY_SHOW_FILE_DEFAULT;
+                    return "";
             }
-});
-
-const isDisplayBadge = computed(() => {
-  return props.displayBadge === true && props.buttonText !== null;
-});
-
-const badgeType = computed(() => {
-  return "entity-" + props.type + " badge-" + props.type;
-});
-
-const getReturnPath = computed(() => {
+        },
+        buttonMessage() {
+            switch (this.type) {
+                case "person":
+                    return "onthefly.show.file_" + this.type;
+                case "thirdparty":
+                    return "onthefly.show.file_" + this.type;
+            }
+        },
+        isDisplayBadge() {
+            return this.displayBadge === true && this.buttonText !== null;
+        },
+        badgeType() {
+            return "entity-" + this.type + " badge-" + this.type;
+        },
+        getReturnPath() {
             return `?returnPath=${window.location.pathname}${window.location.search}${window.location.hash}`;
-});
-
-function closeModal() {
-  modal.value.showModal = false;
-}
-
-function openModal() {
-  modal.value.showModal = true;
-}
-
-function changeActionTo(action) {
-  console.log(action);
-  // Not reactive in setup, but you can emit or use a ref if needed
-}
-
-function saveAction() {
-  let type = props.type,
+        },
+    },
+    methods: {
+        closeModal() {
+            this.modal.showModal = false;
+        },
+        openModal() {
+            // console.log('## OPEN ON THE FLY MODAL');
+            // console.log('## type:', this.type, ', action:', this.action);
+            this.modal.showModal = true;
+            this.$nextTick(function () {
+                //this.$refs.search.focus();
+            });
+        },
+        changeActionTo(action) {
+            this.$data.action = action;
+        },
+        saveAction() {
+            // console.log('saveAction button: create/edit action with', this.type);
+            let type = this.type,
                 data = {};
             switch (type) {
                 case "person":
-      data = castPerson.value?.$data.person;
+                    data = this.$refs.castPerson.$data.person;
+                    console.log("person data are", data);
                     break;
+
                 case "thirdparty":
-      data = castThirdparty.value?.$data.thirdparty;
+                    data = this.$refs.castThirdparty.$data.thirdparty;
+                    /* never executed ? */
                     break;
+
                 default:
-      if (typeof props.type === "undefined") {
-        if (props.action === "addContact") {
+                    if (typeof this.type === "undefined") {
+                        // action=create or addContact
+                        // console.log('will rewrite data');
+                        if (this.action === "addContact") {
                             type = "thirdparty";
-          data = castThirdparty.value?.$data.thirdparty;
+                            data = this.$refs.castThirdparty.$data.thirdparty;
+                            // console.log('data original', data);
                             data.parent = {
                                 type: "thirdparty",
-            id: props.parent.id,
+                                id: this.parent.id,
                             };
                             data.civility =
                                 data.civility !== null
@@ -296,11 +268,16 @@ function saveAction() {
                                           id: data.civility.id,
                                       }
                                     : null;
-          data.profession = data.profession !== "" ? data.profession : "";
+                            data.profession =
+                                data.profession !== "" ? data.profession : "";
                         } else {
-          type = castNew.value.radioType;
-          data = castNew.value.castDataByType();
-          if (typeof data.civility !== "undefined" && null !== data.civility) {
+                            type = this.$refs.castNew.radioType;
+                            data = this.$refs.castNew.castDataByType();
+                            // console.log('type', type);
+                            if (
+                                typeof data.civility !== "undefined" &&
+                                null !== data.civility
+                            ) {
                                 data.civility =
                                     data.civility !== null
                                         ? {
@@ -313,37 +290,34 @@ function saveAction() {
                                 typeof data.profession !== "undefined" &&
                                 "" !== data.profession
                             ) {
-            data.profession = data.profession !== "" ? data.profession : "";
+                                data.profession =
+                                    data.profession !== ""
+                                        ? data.profession
+                                        : "";
                             }
+                            // console.log('onthefly data', data);
                         }
                     } else {
                         throw "error with object type";
                     }
             }
-  emit("saveFormOnTheFly", { type: type, data: data });
-}
-
-function buildLocation(id, type) {
+            // pass datas to parent
+            this.$emit("saveFormOnTheFly", { type: type, data: data });
+        },
+        buildLocation(id, type) {
             if (type === "person") {
-    return encodeURI(`/fr/person/${id}/general${getReturnPath.value}`);
+                // TODO i18n
+                return encodeURI(
+                    `/fr/person/${id}/general${this.getReturnPath}`,
+                );
             } else if (type === "thirdparty") {
-    return encodeURI(`/fr/3party/3party/${id}/view${getReturnPath.value}`);
+                return encodeURI(
+                    `/fr/3party/3party/${id}/view${this.getReturnPath}`,
+                );
             }
-}
-
-defineExpose({
-  openModal,
-  closeModal,
-  changeActionTo,
-  saveAction,
-  castPerson,
-  castThirdparty,
-  castNew,
-  hasResourceComment,
-  modal,
-  isDisplayBadge,
-  Modal,
-});
+        },
+    },
+};
 </script>
 
 <style lang="css" scoped>

src/Bundle/ChillMainBundle/Resources/public/vuejs/PickEntity/PickEntity.vue

@@ -1,34 +1,22 @@
 <template>
-  <div class="grey-card">
-    <ul :class="listClasses" v-if="picked.length > 0 && displayPicked">
-      <li
-        v-for="p in picked"
-        @click="removeEntity(p)"
-        :key="p === 'me' ? 'me' : p.type + p.id"
-      >
+    <ul :class="listClasses" v-if="picked.length && displayPicked">
+        <li v-for="p in picked" @click="removeEntity(p)" :key="p.type + p.id">
             <span
                 v-if="'me' === p"
                 class="chill_denomination current-user updatedBy"
                 >{{ trans(USER_CURRENT_USER) }}</span
             >
-        <span
-          v-else
-          :class="getBadgeClass(p)"
-          class="chill_denomination"
-          :style="getBadgeStyle(p)"
-        >
-          {{ p.text }}
-        </span>
+            <span v-else class="chill_denomination">{{ p.text }}</span>
         </li>
     </ul>
     <ul class="record_actions">
         <li v-if="isCurrentUserPicker" class="btn btn-sm btn-misc">
             <label class="flex items-center gap-2">
                 <input
-            :checked="isMePicked"
+                    :checked="picked.indexOf('me') >= 0 ? true : null"
                     ref="itsMeCheckbox"
                     :type="multiple ? 'checkbox' : 'radio'"
-            @change="selectItsMe($event as InputEvent)"
+                    @change="selectItsMe"
                 />
                 {{ trans(USER_CURRENT_USER) }}
             </label>
@@ -39,287 +27,94 @@
                 :key="uniqid"
                 :buttonTitle="translatedListOfTypes"
                 :modalTitle="translatedListOfTypes"
+                ref="addPersons"
                 @addNewPersons="addNewEntity"
             >
             </add-persons>
         </li>
     </ul>
-
-    <ul class="badge-suggest add-items inline" style="float: right">
-      <li
-        v-for="s in suggested"
-        :key="s.type + s.id"
-        @click="addNewSuggested(s)"
-      >
-        <span :class="getBadgeClass(s)" :style="getBadgeStyle(s)">
-          {{ s.text }}
-        </span>
+    <ul class="list-suggest add-items inline">
+        <li v-for="s in suggested" :key="s.id" @click="addNewSuggested(s)">
+            <span>{{ s.text }}</span>
         </li>
     </ul>
-  </div>
 </template>
 
-<script lang="ts" setup>
-import {
-  ref,
-  computed,
-  defineProps,
-  defineEmits,
-  defineComponent,
-  withDefaults,
-} from "vue";
-import AddPersons from "ChillPersonAssets/vuejs/_components/AddPersons.vue";
-import {
-  Entities,
-  EntitiesOrMe,
-  EntityType,
-  SearchOptions,
-} from "ChillPersonAssets/types";
-import {
-  PICK_ENTITY_MODAL_TITLE,
-  PICK_ENTITY_USER,
-  PICK_ENTITY_USER_GROUP,
-  PICK_ENTITY_PERSON,
-  PICK_ENTITY_THIRDPARTY,
-  USER_CURRENT_USER,
-  trans,
-} from "translator";
-import { addNewEntities } from "ChillMainAssets/types";
+<script setup>
+import { ref, computed } from "vue";
+import AddPersons from "ChillPersonAssets/vuejs/_components/AddPersons.vue"; // eslint-disable-line
+import { appMessages } from "./i18n";
+import { trans, USER_CURRENT_USER } from "translator";
 
-defineComponent({
-  components: {
-    AddPersons,
-  },
+const props = defineProps({
+    multiple: Boolean,
+    types: Array,
+    picked: Array,
+    uniqid: String,
+    removableIfSet: { type: Boolean, default: true },
+    displayPicked: { type: Boolean, default: true },
+    suggested: { type: Array, default: () => [] },
+    label: String,
+    isCurrentUserPicker: { type: Boolean, default: false },
 });
-const props = withDefaults(
-  defineProps<{
-    multiple: boolean;
-    types: EntityType[];
-    picked: EntitiesOrMe[];
-    uniqid: string;
-    removableIfSet?: boolean;
-    displayPicked?: boolean;
-    suggested?: Entities[];
-    label?: string;
-    isCurrentUserPicker?: boolean;
-  }>(),
-  { isCurrentUserPicker: false, displayPicked: true, removableIfSet: true },
-);
 
-const emits = defineEmits<{
-  (e: "addNewEntity", payload: { entity: EntitiesOrMe }): void;
-  (e: "removeEntity", payload: { entity: EntitiesOrMe }): void;
-  (e: "addNewEntityProcessEnded"): void;
-}>();
+const emit = defineEmits([
+    "addNewEntity",
+    "removeEntity",
+    "addNewEntityProcessEnded",
+]);
 
-const itsMeCheckbox = ref<null | HTMLInputElement>(null);
-const addPersons = ref();
+const itsMeCheckbox = ref(null);
+const addPersons = ref(null);
 
-const addPersonsOptions = computed(
-  () =>
-    ({
+const addPersonsOptions = computed(() => ({
     uniq: !props.multiple,
     type: props.types,
     priority: null,
-      button: {
-        size: "btn-sm",
-        class: "btn-submit",
-      },
-    }) as SearchOptions,
-);
-
-const isMePicked = computed<boolean>(() => props.picked.indexOf("me") >= 0);
+    button: { size: "btn-sm", class: "btn-submit" },
+}));
 
 const translatedListOfTypes = computed(() => {
-  if (props.label !== undefined && props.label !== "") {
-    return props.label;
-  }
-
-  const translatedTypes = props.types.map((type: EntityType) => {
-    switch (type) {
-      case "user":
-        return trans(PICK_ENTITY_USER, {
-          count: props.multiple ? 2 : 1,
-        });
-      case "person":
-        return trans(PICK_ENTITY_PERSON, {
-          count: props.multiple ? 2 : 1,
-        });
-      case "thirdparty":
-        return trans(PICK_ENTITY_THIRDPARTY, {
-          count: props.multiple ? 2 : 1,
-        });
-      case "user_group":
-        return trans(PICK_ENTITY_USER_GROUP, {
-          count: props.multiple ? 2 : 1,
-        });
-    }
-  });
-
-  return `${trans(PICK_ENTITY_MODAL_TITLE, {
-    count: props.multiple ? 2 : 1,
-  })} ${translatedTypes.join(", ")}`;
+    if (props.label) return props.label;
+    let trans = props.types.map((t) =>
+        props.multiple
+            ? appMessages.fr.pick_entity[t].toLowerCase()
+            : appMessages.fr.pick_entity[t + "_one"].toLowerCase(),
+    );
+    return props.multiple
+        ? appMessages.fr.pick_entity.modal_title + trans.join(", ")
+        : appMessages.fr.pick_entity.modal_title_one + trans.join(", ");
 });
 
 const listClasses = computed(() => ({
-  "badge-suggest": true,
+    "list-suggest": true,
     "remove-items": props.removableIfSet,
-  inline: true,
 }));
 
-const selectItsMe = (event: InputEvent): void => {
-  const target = event.target as HTMLInputElement;
-  if (target.checked) {
-    addNewSuggested("me");
-  } else {
-    removeEntity("me");
-  }
+const selectItsMe = (event) =>
+    event.target.checked ? addNewSuggested("me") : removeEntity("me");
+
+const addNewSuggested = (entity) => {
+    emit("addNewEntity", { entity });
 };
 
-function addNewSuggested(entity: EntitiesOrMe) {
-  emits("addNewEntity", { entity });
-}
-
-function addNewEntity({ selected }: addNewEntities) {
-  Object.values(selected).forEach((item) => {
-    emits("addNewEntity", { entity: item.result });
-  });
+const addNewEntity = ({ selected, modal }) => {
+    selected.forEach((item) => emit("addNewEntity", { entity: item.result }));
     addPersons.value?.resetSearch();
+    modal.showModal = false;
+    emit("addNewEntityProcessEnded");
+};
 
-  emits("addNewEntityProcessEnded");
-}
-
-const removeEntity = (entity: EntitiesOrMe): void => {
+const removeEntity = (entity) => {
     if (!props.removableIfSet) return;
     if (entity === "me" && itsMeCheckbox.value) {
         itsMeCheckbox.value.checked = false;
     }
-  emits("removeEntity", { entity });
+    emit("removeEntity", { entity });
 };
-
-function getBadgeClass(entities: Entities) {
-  if (entities.type !== "user_group") {
-    return entities.type;
-  }
-  return "";
-}
-
-function getBadgeStyle(entities: Entities) {
-  if (entities.type === "user_group") {
-    return [
-      `ul.badge-suggest li > span {
-                color: ${entities.foregroundColor}!important;
-                border-bottom-color: ${entities.backgroundColor};
-        }`,
-    ];
-  }
-  return [];
-}
 </script>
 
 <style lang="scss" scoped>
-.grey-card {
-  background: #f8f9fa;
-  border-radius: 8px;
-  padding: 1.5rem;
-  min-height: 160px;
-}
-
-.btn-check:checked + .btn,
-:not(.btn-check) + .btn:active,
-.btn:first-child:active,
-.btn.active,
-.btn.show {
-  color: white;
-  box-shadow: 0 0 0 0.2rem var(--bs-chill-green);
-  outline: 0;
-}
-
-.as-user-group {
-  display: inline-block;
-}
-ul.badge-suggest {
-  list-style-type: none;
-  padding-left: 0;
-  margin-bottom: 0px;
-}
-ul.badge-suggest li > span {
-  white-space: normal;
-  text-align: start;
-  margin-bottom: 3px;
-}
-
-ul.badge-suggest.inline li {
-  display: inline-block;
-  margin-right: 0.2em;
-}
-ul.badge-suggest.add-items li {
-  position: relative;
-}
-ul.badge-suggest.add-items li span {
-  cursor: pointer;
-  padding-left: 2rem;
-}
-ul.badge-suggest.add-items li span:hover {
-  color: #ced4da;
-}
-ul.badge-suggest.add-items li > span:before {
-  font: normal normal normal 13px ForkAwesome;
-  margin-right: 1.8em;
-  content: "\f067";
-  color: var(--bs-success);
-  position: absolute;
-  display: block;
-  top: 50%;
-  left: 0.75rem;
-  -webkit-transform: translateY(-50%);
-  -moz-transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
-  transform: translateY(-50%);
-}
-ul.badge-suggest.remove-items li {
-  position: relative;
-}
-ul.badge-suggest.remove-items li span {
-  cursor: pointer;
-  padding-left: 2rem;
-}
-ul.badge-suggest.remove-items li span:hover {
-  color: #ced4da;
-}
-ul.badge-suggest.remove-items li > span:before {
-  font: normal normal normal 13px ForkAwesome;
-  margin-right: 1.8em;
-  content: "\f1f8";
-  color: var(--bs-danger);
-  position: absolute;
-  display: block;
-  top: 50%;
-  left: 0.75rem;
-  -webkit-transform: translateY(-50%);
-  -moz-transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
-  transform: translateY(-50%);
-}
-ul.badge-suggest li > span {
-  margin: 0.2rem 0.1rem;
-  display: inline-block;
-  padding: 0 1em 0 2.2em !important;
-  background-color: #fff;
-  border: 1px solid #dee2e6;
-  border-bottom-width: 3px;
-  border-bottom-style: solid;
-  border-radius: 6px;
-  font-size: 0.75em;
-  font-weight: 700;
-}
-
-ul.badge-suggest li > span.person {
-  border-bottom-color: #43b29d;
-}
-ul.badge-suggest li > span.thirdparty {
-  border-bottom-color: rgb(198.9, 72, 98.1);
-}
 .current-user {
     color: var(--bs-body-color);
     background-color: var(--bs-chill-l-gray) !important;

src/Bundle/ChillMainBundle/Resources/public/vuejs/PickPostalCode/PickPostalCode.vue

@@ -61,7 +61,9 @@ export default {
     },
     methods: {
         transName(value) {
-      return value.code && value.name ? `${value.name} (${value.code})` : "";
+            return value.code && value.name
+                ? `${value.name} (${value.code})`
+                : "";
         },
         selectCity(city) {
             this.$emit("selectCity", city);
@@ -84,7 +86,9 @@ export default {
 
             searchCities(query, this.country, controller)
                 .then((newCities) => {
-          this.cities = this.cities.filter((city) => city.id === this.picked);
+                    this.cities = this.cities.filter(
+                        (city) => city.id === this.picked,
+                    );
                     newCities.forEach((item) => {
                         this.cities.push(item);
                     });

src/Bundle/ChillMainBundle/Resources/public/vuejs/SavedExportButtons/App.vue

@@ -10,7 +10,9 @@ const props = defineProps<SavedExportButtonsConfig>();
 </script>
 
 <template>
-  <generate-button :saved-export-uuid="props.savedExportUuid"></generate-button>
+    <generate-button
+        :saved-export-uuid="props.savedExportUuid"
+    ></generate-button>
 </template>
 
 <style scoped lang="scss"></style>

src/Bundle/ChillMainBundle/Resources/public/vuejs/SavedExportButtons/Component/GenerateButton.vue

@@ -125,7 +125,9 @@ const onObjectNewStatusCallback = async function (): Promise<void> {
 
 const onClickGenerate = async (): Promise<void> => {
     emits("generate");
-  exportGeneration.value = await generateFromSavedExport(props.savedExportUuid);
+    exportGeneration.value = await generateFromSavedExport(
+        props.savedExportUuid,
+    );
 
     onObjectNewStatusCallback();
 

src/Bundle/ChillMainBundle/Resources/public/vuejs/WorkflowAttachment/Component/PickGenericDoc.vue

@@ -110,7 +110,9 @@ const filteredDocuments = computed<GenericDocForAccompanyingPeriod[]>(() => {
                 return false;
             }
 
-      return needles.every((n: string) => title.toLowerCase().includes(n));
+            return needles.every((n: string) =>
+                title.toLowerCase().includes(n),
+            );
         })
         .filter((genericDoc: GenericDocForAccompanyingPeriod) => {
             if (placesFilter.value.length === 0) {
@@ -151,7 +153,8 @@ const filteredDocuments = computed<GenericDocForAccompanyingPeriod[]>(() => {
                             aria-controls="filterOrderCollapse"
                         >
                             <strong
-                ><i class="fa fa-fw fa-filter"></i>Filtrer la liste</strong
+                                ><i class="fa fa-fw fa-filter"></i>Filtrer la
+                                liste</strong
                             >
                         </button>
                     </h2>
@@ -176,7 +179,10 @@ const filteredDocuments = computed<GenericDocForAccompanyingPeriod[]>(() => {
                                             placeholder="Chercher dans la liste"
                                             class="form-control"
                                         />
-                    <button type="submit" class="btn btn-misc">
+                                        <button
+                                            type="submit"
+                                            class="btn btn-misc"
+                                        >
                                             <i class="fa fa-search"></i>
                                         </button>
                                     </div>
@@ -184,7 +190,9 @@ const filteredDocuments = computed<GenericDocForAccompanyingPeriod[]>(() => {
                             </div>
 
                             <div class="row my-2">
-                <legend class="col-form-label col-sm-4 required">
+                                <legend
+                                    class="col-form-label col-sm-4 required"
+                                >
                                     Date du document
                                 </legend>
                                 <div class="col-sm-8 pt-1">
@@ -210,9 +218,15 @@ const filteredDocuments = computed<GenericDocForAccompanyingPeriod[]>(() => {
                             </div>
 
                             <div class="row my-2">
-                <div class="col-sm-4 col-form-label">Filtrer par</div>
+                                <div class="col-sm-4 col-form-label">
+                                    Filtrer par
+                                </div>
                                 <div class="col-sm-8 pt-2">
-                  <div class="form-check" v-for="p in availablePlaces" :key="p">
+                                    <div
+                                        class="form-check"
+                                        v-for="p in availablePlaces"
+                                        :key="p"
+                                    >
                                         <input
                                             type="checkbox"
                                             v-model="placesFilter"
@@ -220,7 +234,9 @@ const filteredDocuments = computed<GenericDocForAccompanyingPeriod[]>(() => {
                                             class="form-check-input"
                                             :value="p"
                                         />
-                    <label class="form-check-label">{{ placeTrans(p) }}</label>
+                                        <label class="form-check-label">{{
+                                            placeTrans(p)
+                                        }}</label>
                                     </div>
                                 </div>
                             </div>

src/Bundle/ChillMainBundle/Resources/public/vuejs/WorkflowAttachment/Component/PickGenericDocItem.vue

@@ -81,8 +81,16 @@ const clickOnAddButton = () => {
                 rgba(25, 135, 84, 1) 0px,
                 rgba(25, 135, 84, 0) 9px
             ),
-      linear-gradient(0deg, rgba(25, 135, 84, 1) 0px, rgba(25, 135, 84, 0) 9px),
-      linear-gradient(90deg, rgba(25, 135, 84, 1) 0px, rgba(25, 135, 84, 0) 9px);
+            linear-gradient(
+                0deg,
+                rgba(25, 135, 84, 1) 0px,
+                rgba(25, 135, 84, 0) 9px
+            ),
+            linear-gradient(
+                90deg,
+                rgba(25, 135, 84, 1) 0px,
+                rgba(25, 135, 84, 0) 9px
+            );
     }
 }
 </style>

src/Bundle/ChillMainBundle/Resources/public/vuejs/WorkflowAttachment/Component/PickGenericDocModal.vue

@@ -97,8 +97,8 @@ defineExpose({ openModal, closeModal });
                         @click="onConfirm"
                     >
                         <template v-if="numberOfPicked > 1">
-              <i class="fa fa-plus"></i> Ajouter {{ numberOfPicked }} pièces
-              jointes
+                            <i class="fa fa-plus"></i> Ajouter
+                            {{ numberOfPicked }} pièces jointes
                         </template>
                         <template v-else>
                             <i class="fa fa-plus"></i> Ajouter une pièce jointe

src/Bundle/ChillMainBundle/Resources/public/vuejs/WorkflowAttachment/index.ts

@@ -81,12 +81,17 @@ window.addEventListener("DOMContentLoaded", () => {
                             "this document is already attached to the workflow",
                             genericDoc,
                         );
-            this.$toast.error("Ce document est déjà attaché au workflow");
+                        this.$toast.error(
+                            "Ce document est déjà attaché au workflow",
+                        );
                         return;
                     }
 
                     try {
-            const attachment = await create_attachment(workflowId, genericDoc);
+                        const attachment = await create_attachment(
+                            workflowId,
+                            genericDoc,
+                        );
                         this.$data.attachments.push(attachment);
                     } catch (error) {
                         console.error(error);

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddressDetails/Parts/AddressDetailsMap.vue

@@ -1,6 +1,7 @@
 <template>
     <div v-if="props.address.isNoAddress" class="alert alert-info">
-    Cette adresse est incomplète. La position géographique est approximative.
+        Cette adresse est incomplète. La position géographique est
+        approximative.
     </div>
     <div
         v-if="props.address.point !== null"
@@ -9,7 +10,9 @@
     ></div>
     <p>
         Voir sur
-    <a :href="makeUrlGoogleMap(props.address)" target="_blank">Google Maps</a>
+        <a :href="makeUrlGoogleMap(props.address)" target="_blank"
+            >Google Maps</a
+        >
         <a :href="makeUrlOsm(props.address)" target="_blank">OSM</a>
     </p>
 </template>

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddressDetails/Parts/AddressDetailsRefMatching.vue

@@ -12,7 +12,8 @@
             }"
         >
             <p v-if="props.address.refStatus === 'to_review'">
-        <i class="fa fa-warning"></i> L'adresse de référence a été modifiée.
+                <i class="fa fa-warning"></i> L'adresse de référence a été
+                modifiée.
             </p>
             <p v-if="props.address.refStatus === 'reviewed'">
                 L'adresse est conservée, mais diffère de l'adresse de référence.
@@ -20,7 +21,8 @@
 
             <template
                 v-if="
-          props.address.addressReference.street !== props.address.street ||
+                    props.address.addressReference.street !==
+                        props.address.street ||
                     props.address.addressReference.streetNumber !==
                         props.address.streetNumber
                 "
@@ -28,18 +30,22 @@
                 <template v-if="props.address.country.code === 'BE'">
                     <div class="difference">
                         <span class="old"
-              >{{ props.address.street }} {{ props.address.streetNumber }}</span
+                            >{{ props.address.street }}
+                            {{ props.address.streetNumber }}</span
                         >
                         <span class="new"
                             >{{ props.address.addressReference.street }}
-              {{ props.address.addressReference.streetNumber }}</span
+                            {{
+                                props.address.addressReference.streetNumber
+                            }}</span
                         >
                     </div>
                 </template>
                 <template v-else>
                     <div class="difference">
                         <span class="old"
-              >{{ props.address.streetNumber }} {{ props.address.street }}</span
+                            >{{ props.address.streetNumber }}
+                            {{ props.address.street }}</span
                         >
                         <span class="new"
                             >{{ props.address.addressReference.streetNumber }}
@@ -82,8 +88,12 @@
                         {{ props.address.point.coordinates[1] }}</span
                     >
                     <span class="new"
-            >{{ props.address.addressReference.point.coordinates[0] }}
-            {{ props.address.addressReference.point.coordinates[1] }}</span
+                        >{{
+                            props.address.addressReference.point.coordinates[0]
+                        }}
+                        {{
+                            props.address.addressReference.point.coordinates[1]
+                        }}</span
                     >
                 </div>
             </template>
@@ -95,12 +105,18 @@
                     </button>
                 </li>
                 <li v-if="props.address.refStatus === 'to_review'">
-          <button class="btn btn-sm btn-primary" @click="keepCurrentAddress">
+                    <button
+                        class="btn btn-sm btn-primary"
+                        @click="keepCurrentAddress"
+                    >
                         Conserver
                     </button>
                 </li>
                 <li v-if="props.address.refStatus === 'reviewed'">
-          <button class="btn btn-sm btn-primary" @click="backToReview">
+                    <button
+                        class="btn btn-sm btn-primary"
+                        @click="backToReview"
+                    >
                         Ré-examiner
                     </button>
                 </li>

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/BadgeEntity.vue

@@ -32,7 +32,10 @@
         </template>
     </span>
 
-  <span v-if="props.entity.type === 'user'" class="badge rounded-pill bg-user">
+    <span
+        v-if="props.entity.type === 'user'"
+        class="badge rounded-pill bg-user"
+    >
         {{ trans(ACCEPTED_USERS) }}
     </span>
 

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/CommentEditor/CommentEditor.vue

@@ -49,7 +49,10 @@ onMounted(function () {
     const storage = window.localStorage;
     const savedKind = storage.getItem(EDITOR_MODE_KEY);
 
-  if (null !== kind.value && (savedKind === "simple" || savedKind === "rich")) {
+    if (
+        null !== kind.value &&
+        (savedKind === "simple" || savedKind === "rich")
+    ) {
         kind.value = savedKind;
     }
 
@@ -73,7 +76,10 @@ onUnmounted(function () {
             />
         </div>
         <div v-else>
-      <textarea v-model="value" class="form-control simple-editor"></textarea>
+            <textarea
+                v-model="value"
+                class="form-control simple-editor"
+            ></textarea>
         </div>
 
         <button :class="toggleButtonClass" type="button" @click="toggleEditor">

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Entity/AddressRenderBox.vue

@@ -5,7 +5,10 @@
                 <confidential :position-btn-far="true">
                     <template #confidential-content>
                         <div v-if="isMultiline === true">
-              <p v-for="(l, i) in address.lines" :key="`line-${i}`">
+                            <p
+                                v-for="(l, i) in address.lines"
+                                :key="`line-${i}`"
+                            >
                                 {{ l }}
                             </p>
                             <p v-if="showButtonDetails">
@@ -19,7 +22,10 @@
                             <p v-if="'' !== address.text" class="street">
                                 {{ address.text }}
                             </p>
-              <p v-if="null !== address.postcode" class="postcode">
+                            <p
+                                v-if="null !== address.postcode"
+                                class="postcode"
+                            >
                                 {{ address.postcode.code }}
                                 {{ address.postcode.name }}
                             </p>

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Entity/GenderIconRenderBox.vue

@@ -1,28 +1,9 @@
 <template>
-  <i :class="['fa', genderClass, 'px-1']" />
+    <i :class="gender.icon" />
 </template>
 
 <script setup>
-import { computed } from "vue";
 const props = defineProps({
-  gender: {
-    type: Object,
-    required: true,
-  },
-});
-
-const genderClass = computed(() => {
-  switch (props.gender.genderTranslation) {
-    case "woman":
-      return "fa-venus";
-    case "man":
-      return "fa-mars";
-    case "both":
-      return "fa-neuter";
-    case "unknown":
-      return "fa-genderless";
-    default:
-      return "fa-genderless";
-  }
+    gender: Object,
 });
 </script>

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/EntityWorkflow/ListWorkflow.vue

@@ -33,11 +33,16 @@
                                 class="fa fa-circle me-1 text-chill-yellow"
                             >
                             </i>
-              <i v-if="step.isFreezed" class="fa fa-snowflake-o fa-sm me-1">
+                            <i
+                                v-if="step.isFreezed"
+                                class="fa fa-snowflake-o fa-sm me-1"
+                            >
                             </i>
                             {{ step.currentStep.text }}
                         </span>
-            <span v-if="j !== Object.keys(w.steps).length - 1"> → </span>
+                        <span v-if="j !== Object.keys(w.steps).length - 1">
+                            →
+                        </span>
                     </template>
                 </div>
                 <span

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/EntityWorkflow/ListWorkflowModal.vue

@@ -31,8 +31,12 @@
                     :relatedEntityClass="props.relatedEntityClass"
                     :relatedEntityId="props.relatedEntityId"
                     :workflowsAvailables="props.workflowsAvailables"
-          :preventDefaultMoveToGenerate="props.preventDefaultMoveToGenerate"
-          :goToGenerateWorkflowPayload="props.goToGenerateWorkflowPayload"
+                    :preventDefaultMoveToGenerate="
+                        props.preventDefaultMoveToGenerate
+                    "
+                    :goToGenerateWorkflowPayload="
+                        props.goToGenerateWorkflowPayload
+                    "
                     :countExistingWorkflows="countWorkflows"
                     :embedded-within-list-modal="true"
                     @go-to-generate-workflow="goToGenerateWorkflow"

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/EntityWorkflow/PickWorkflow.vue

@@ -42,14 +42,21 @@
                     data-bs-toggle="dropdown"
                     aria-expanded="false"
                 >
-          <span class="visually-hidden">Liste des workflows disponibles</span>
+                    <span class="visually-hidden"
+                        >Liste des workflows disponibles</span
+                    >
                 </button>
-        <ul class="dropdown-menu" aria-labelledby="createWorkflowButton">
+                <ul
+                    class="dropdown-menu"
+                    aria-labelledby="createWorkflowButton"
+                >
                     <li v-for="w in props.workflowsAvailables" :key="w.name">
                         <button
                             class="dropdown-item"
                             type="button"
-              @click.prevent="goToGenerateWorkflow($event, w.name)"
+                            @click.prevent="
+                                goToGenerateWorkflow($event, w.name)
+                            "
                         >
                             {{ w.text }}
                         </button>

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue

@@ -1,6 +1,6 @@
 <template>
     <transition name="modal">
-    <div class="modal-mask" v-if="show">
+        <div class="modal-mask">
             <!-- :: styles bootstrap :: -->
             <div
                 class="modal fade show"
@@ -8,7 +8,7 @@
                 aria-modal="true"
                 role="dialog"
             >
-        <div class="modal-dialog" :class="modalDialogClass || {}">
+                <div class="modal-dialog" :class="props.modalDialogClass || {}">
                     <div class="modal-content">
                         <div class="modal-header">
                             <slot name="header"></slot>
@@ -23,7 +23,10 @@
                             <slot name="body"></slot>
                         </div>
                         <div class="modal-footer" v-if="!hideFooter">
-              <button class="btn btn-cancel" @click="emits('close')">
+                            <button
+                                class="btn btn-cancel"
+                                @click="emits('close')"
+                            >
                                 {{ trans(MODAL_ACTION_CLOSE) }}
                             </button>
                             <slot name="footer"></slot>
@@ -50,23 +53,14 @@ import { trans, MODAL_ACTION_CLOSE } from "translator";
 import { defineProps } from "vue";
 
 export interface ModalProps {
-  modalDialogClass: string;
+    modalDialogClass: object | null;
     hideFooter: boolean;
 }
 
-defineProps({
-  modalDialogClass: {
-    type: String,
-    default: "",
-  },
-  hideFooter: {
-    type: Boolean,
-    default: false,
-  },
-  show: {
-    type: Boolean,
-    default: true,
-  },
+// Define the props
+const props = withDefaults(defineProps<ModalProps>(), {
+    hideFooter: false,
+    modalDialogClass: null,
 });
 
 const emits = defineEmits<{

src/Bundle/ChillMainBundle/Resources/public/vuejs/_js/i18n.ts

@@ -78,7 +78,8 @@ export const multiSelectMessages = {
             tag_placeholder: "Créer un nouvel élément",
             select_label: '"Entrée" ou cliquez pour sélectionner',
             deselect_label: '"Entrée" ou cliquez pour désélectionner',
-      select_group_label: 'Appuyer sur "Entrée" pour sélectionner ce groupe',
+            select_group_label:
+                'Appuyer sur "Entrée" pour sélectionner ce groupe',
             deselect_group_label:
                 'Appuyer sur "Entrée" pour désélectionner ce groupe',
             selected_label: "Sélectionné",

src/Bundle/ChillMainBundle/Resources/views/layout.html.twig

@@ -69,7 +69,6 @@
                     </div>
                 {% endif %}
 
-                {% block wrapping_content %}
                 {% block content %}
                     <div class="col-8 main_search">
                         {% if app.user.isAbsent %}
@@ -100,7 +99,6 @@
                     {% include '@ChillMain/Homepage/index.html.twig' %}
 
                 {% endblock %}
-                {% endblock %}
 
             </div>
         {% endblock %}

src/Bundle/ChillMainBundle/Tests/Phonenumber/PhonenumberHelperTest.php

@@ -12,7 +12,6 @@ declare(strict_types=1);
 namespace Chill\MainBundle\Tests\Phonenumber;
 
 use Chill\MainBundle\Phonenumber\PhonenumberHelper;
-use libphonenumber\PhoneNumber;
 use libphonenumber\PhoneNumberUtil;
 use Psr\Log\NullLogger;
 use Symfony\Bundle\FrameworkBundle\Test\KernelTestCase;
@@ -32,7 +31,6 @@ final class PhonenumberHelperTest extends KernelTestCase
     public function testFormatPhonenumbers(string $defaultCarrierCode, string $phoneNumber, string $expected)
     {
         $util = PhoneNumberUtil::getInstance();
-
         $subject = new PhonenumberHelper(
             new ArrayAdapter(),
             new ParameterBag([
@@ -72,47 +70,4 @@ final class PhonenumberHelperTest extends KernelTestCase
             '00 33 6 23 12 45 54',
         ];
     }
-
-    /**
-     * @dataProvider providePhoneNumbersToParse
-     */
-    public function testParsePhonenumbers(string $defaultCarrierCode, string $phoneNumber, PhoneNumber $expected): void
-    {
-        $subject = new PhonenumberHelper(
-            new ArrayAdapter(),
-            new ParameterBag([
-                'chill_main.phone_helper' => [
-                    'default_carrier_code' => $defaultCarrierCode,
-                ],
-            ]),
-            new NullLogger()
-        );
-
-        $actual = $subject->parse($phoneNumber);
-
-        self::assertTrue($expected->equals($actual));
-    }
-
-    public static function providePhoneNumbersToParse(): iterable
-    {
-        $util = PhoneNumberUtil::getInstance();
-
-        yield [
-            'FR',
-            '+32486544999',
-            $util->parse('+32486544999', 'FR'),
-        ];
-
-        yield [
-            'FR',
-            '32486544999',
-            $util->parse('+32486544999', 'FR'),
-        ];
-
-        yield [
-            'FR',
-            '0228858040',
-            $util->parse('+33228858040', 'FR'),
-        ];
-    }
 }

src/Bundle/ChillMainBundle/Tests/Validation/Validator/UserGroupDoNotExcludeTest.php

@@ -1,91 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-/*
- * Chill is a software for social workers
- *
- * For the full copyright and license information, please view
- * the LICENSE file that was distributed with this source code.
- */
-
-namespace Chill\MainBundle\Tests\Validation\Validator;
-
-use Chill\MainBundle\Entity\User;
-use Chill\MainBundle\Entity\UserGroup;
-use Chill\MainBundle\Templating\TranslatableStringHelperInterface;
-use Chill\MainBundle\Validation\Validator\UserGroupDoNotExclude;
-use Symfony\Component\Validator\Test\ConstraintValidatorTestCase;
-
-/**
- * @internal
- *
- * @coversNothing
- */
-class UserGroupDoNotExcludeTest extends ConstraintValidatorTestCase
-{
-    protected function createValidator()
-    {
-        return new UserGroupDoNotExclude(
-            new class () implements TranslatableStringHelperInterface {
-                public function localize(array $translatableStrings): ?string
-                {
-                    return $translatableStrings['fr'];
-                }
-            }
-        );
-    }
-
-    public function testEmptyArrayIsValid(): void
-    {
-        $this->validator->validate([], new \Chill\MainBundle\Validation\Constraint\UserGroupDoNotExclude());
-
-        $this->assertNoViolation();
-    }
-
-    public function testMixedUserGroupAndUsersIsValid(): void
-    {
-        $this->validator->validate(
-            [new User(), new UserGroup()],
-            new \Chill\MainBundle\Validation\Constraint\UserGroupDoNotExclude()
-        );
-
-        $this->assertNoViolation();
-    }
-
-    public function testDifferentExcludeKeysIsValid(): void
-    {
-        $this->validator->validate(
-            [(new UserGroup())->setExcludeKey('A'), (new UserGroup())->setExcludeKey('B')],
-            new \Chill\MainBundle\Validation\Constraint\UserGroupDoNotExclude()
-        );
-
-        $this->assertNoViolation();
-    }
-
-    public function testMultipleGroupsWithEmptyExcludeKeyIsValid(): void
-    {
-        $this->validator->validate(
-            [(new UserGroup())->setExcludeKey(''), (new UserGroup())->setExcludeKey('')],
-            new \Chill\MainBundle\Validation\Constraint\UserGroupDoNotExclude()
-        );
-
-        $this->assertNoViolation();
-    }
-
-    public function testSameExclusionKeyWillRaiseError(): void
-    {
-        $this->validator->validate(
-            [
-                (new UserGroup())->setExcludeKey('A')->setLabel(['fr' => 'Group 1']),
-                (new UserGroup())->setExcludeKey('A')->setLabel(['fr' => 'Group 2']),
-            ],
-            new \Chill\MainBundle\Validation\Constraint\UserGroupDoNotExclude()
-        );
-
-        $this->buildViolation('The groups {{ excluded_groups }} do exclude themselves. Please choose one between them')
-            ->setParameter('excluded_groups', 'Group 1, Group 2')
-            ->setCode('e16c8226-0090-11ef-8560-f7239594db09')
-            ->assertRaised();
-    }
-}

src/Bundle/ChillMainBundle/chill.api.specs.yaml

@@ -10,31 +10,6 @@ servers:
 
 components:
     schemas:
-        Collection:
-            type: object
-            properties:
-                count:
-                    type: number
-                    format: u64
-                pagination:
-                    type: object
-                    properties:
-                        first:
-                            type: number
-                            format: u64
-                        items_per_page:
-                            type: number
-                            format: u64
-                        next:
-                            type: string
-                            format: uri
-                            nullable: true
-                        previous:
-                            type: string
-                            format: uri
-                            nullable: true
-                        more:
-                            type: boolean
         EntityWorkflowAttachment:
             type: object
             properties:

src/Bundle/ChillMainBundle/translations/messages+intl-icu.fr.yaml

@@ -130,58 +130,3 @@ filter_order:
     Search: Chercher dans la liste
     By date: Filtrer par date
     search_box: Filtrer par contenu
-renderbox:
-    person: "Usager"
-    birthday:
-        man: "Né le"
-        woman: "Née le"
-        neutral: "Né·e le"
-        unknown: "Né·e le"
-    deathdate: "Date de décès"
-    household_without_address: "Le ménage de l'usager est sans adresse"
-    no_data: "Aucune information renseignée"
-    type:
-        thirdparty: "Tiers"
-        person: "Usager"
-    holder: "Titulaire"
-    years_old: >-
-        {n, plural,
-            =0 {0 an}
-            one {1 an}
-            other {# ans}
-        }
-    residential_address: "Adresse de résidence"
-    located_at: "réside chez"
-    household_number: "Ménage n°{number}"
-    current_members: "Membres actuels"
-    no_current_address: "Sans adresse actuellement"
-    new_household: "Nouveau ménage"
-    no_members_yet: "Aucun membre actuellement"
-
-pick_entity:
-    add: "Ajouter"
-    modal_title: >-
-        {count, plural,
-            one {Indiquer un}
-            other {Ajouter des}
-        }
-    user: >-
-        {count, plural,
-            one {Utilisateur}
-            other {Utilisateurs}
-        }
-    user_group: >-
-        {count, plural,
-            one {Groupe d'utilisateur}
-            other {Groupes d'utilisateurs}
-        }
-    person: >-
-        {count, plural,
-            one {Usager}
-            other {Usagers}
-        }
-    thirdparty: >-
-        {count, plural,
-            one {Tiers}
-            other {Tiers}
-        }

src/Bundle/ChillMainBundle/translations/messages.fr.yml

@@ -941,34 +941,3 @@ multiselect:
 editor:
     switch_to_simple: Éditeur simple
     switch_to_complex: Éditeur riche
-action:
-    actions: Actions
-    show: Voir
-    edit: Modifier
-    create: Créer
-    remove: Enlever
-    delete: Supprimer
-    save: Enregistrer
-    valid: Valider
-    valid_and_see: Valider et voir
-    add: Ajouter
-    show_modal: Ouvrir une modale
-    ok: OK
-    cancel: Annuler
-    close: Fermer
-    back: Retour
-    check_all: cocher tout
-    reset: réinitialiser
-    redirect:
-        person: Quitter la page et ouvrir la fiche de l'usager
-        thirdparty: Quitter la page et voir le tiers
-    refresh: Rafraîchir
-    addContact: Ajouter un contact
-
-nav:
-    next: "Suivant"
-    previous: "Précédent"
-    top: "Haut"
-    bottom: "Bas"
-
-

src/Bundle/ChillPersonBundle/Repository/PersonACLAwareRepository.php

@@ -21,8 +21,6 @@ use Chill\PersonBundle\Security\Authorization\PersonVoter;
 use Doctrine\ORM\EntityManagerInterface;
 use Doctrine\ORM\NonUniqueResultException;
 use Doctrine\ORM\Query;
-use libphonenumber\PhoneNumber;
-use libphonenumber\PhoneNumberFormat;
 use Symfony\Component\Security\Core\Security;
 
 final readonly class PersonACLAwareRepository implements PersonACLAwareRepositoryInterface
@@ -300,27 +298,4 @@ final readonly class PersonACLAwareRepository implements PersonACLAwareRepositor
                 \array_map(static fn (Center $c) => $c->getId(), $authorizedCenters)
             );
     }
-
-    public function findByPhone(PhoneNumber $phoneNumber, int $start = 0, int $limit = 20): array
-    {
-        $authorizedCenters = $this->authorizationHelper
-            ->getReachableCenters($this->security->getUser(), PersonVoter::SEE);
-
-        if ([] === $authorizedCenters) {
-            return [];
-        }
-
-        $util = \libphonenumber\PhoneNumberUtil::getInstance();
-
-        return $this->em->createQuery(
-            'SELECT p FROM '.Person::class.' p LEFT JOIN p.otherPhoneNumbers opn JOIN p.centerCurrent pcc '.
-            'WHERE (p.phonenumber LIKE :phone OR p.mobilenumber LIKE :phone OR opn.phonenumber LIKE :phone) '.
-            'AND pcc.center IN (:centers)'
-        )
-            ->setMaxResults($limit)
-            ->setFirstResult($start)
-            ->setParameter('phone', $util->format($phoneNumber, PhoneNumberFormat::E164))
-            ->setParameter('centers', $authorizedCenters)
-            ->getResult();
-    }
 }

src/Bundle/ChillPersonBundle/Repository/PersonACLAwareRepositoryInterface.php

@@ -13,7 +13,6 @@ namespace Chill\PersonBundle\Repository;
 
 use Chill\MainBundle\Search\SearchApiQuery;
 use Chill\PersonBundle\Entity\Person;
-use libphonenumber\PhoneNumber;
 
 interface PersonACLAwareRepositoryInterface
 {
@@ -61,13 +60,4 @@ interface PersonACLAwareRepositoryInterface
         ?string $phonenumber = null,
         ?string $city = null,
     ): array;
-
-    /**
-     * @return list<Person>
-     */
-    public function findByPhone(
-        PhoneNumber $phoneNumber,
-        int $start = 0,
-        int $limit = 20,
-    ): array;
 }

src/Bundle/ChillPersonBundle/Repository/PersonRepository.php

@@ -12,12 +12,10 @@ declare(strict_types=1);
 namespace Chill\PersonBundle\Repository;
 
 use Chill\PersonBundle\Entity\Person;
-use Chill\PersonBundle\Entity\PersonPhone;
 use Doctrine\ORM\EntityManagerInterface;
 use Doctrine\ORM\EntityRepository;
 use Doctrine\ORM\QueryBuilder;
 use Doctrine\Persistence\ObjectRepository;
-use libphonenumber\PhoneNumber;
 
 class PersonRepository implements ObjectRepository
 {
@@ -31,8 +29,6 @@ class PersonRepository implements ObjectRepository
     /**
      * @throws \Doctrine\ORM\NoResultException
      * @throws \Doctrine\ORM\NonUniqueResultException
-     *
-     * @deprecated
      */
     public function countByPhone(
         string $phonenumber,
@@ -75,8 +71,6 @@ class PersonRepository implements ObjectRepository
 
     /**
      * @throws \Exception
-     *
-     * @deprecated Use @see{self::findByPhoneNumber} or use a dedicated method in PersonACLAwareRepository
      */
     public function findByPhone(
         string $phonenumber,
@@ -97,25 +91,6 @@ class PersonRepository implements ObjectRepository
         return $qb->getQuery()->getResult();
     }
 
-    /**
-     * Find a person which is associated to the given phonenumber, without restrictions
-     * on any.
-     *
-     * @return list<Person>
-     */
-    public function findByPhoneNumber(PhoneNumber $phoneNumber, int $firstResult = 0, int $maxResults = 50): array
-    {
-        $qb = $this->repository->createQueryBuilder('p');
-        $qb->select('p');
-
-        $this->searchByPhoneNumbers($qb, $phoneNumber);
-
-        $qb->setFirstResult($firstResult)
-            ->setMaxResults($maxResults);
-
-        return $qb->getQuery()->getResult();
-    }
-
     public function findOneBy(array $criteria)
     {
         return $this->repository->findOneBy($criteria);
@@ -134,20 +109,6 @@ class PersonRepository implements ObjectRepository
         }
     }
 
-    private function searchByPhoneNumbers(QueryBuilder $qb, PhoneNumber $phoneNumber): void
-    {
-        $qb->setParameter('number', $phoneNumber, 'phone_number');
-
-        $orX = $qb->expr()->orX();
-        $orX->add($qb->expr()->eq('p.mobilenumber', ':number'));
-        $orX->add($qb->expr()->eq('p.phonenumber', ':number'));
-        $orX->add(
-            $qb->expr()->exists('SELECT 1 FROM '.PersonPhone::class.' k WHERE k.phonenumber = :number AND k.person = p')
-        );
-
-        $qb->andWhere($orX);
-    }
-
     /**
      * @throws \Exception
      */

src/Bundle/ChillPersonBundle/Resources/public/mod/DuplicateSelector/AccompanyingPeriodWorkSelector.ts

@@ -27,7 +27,9 @@ document.addEventListener("DOMContentLoaded", () => {
             throw "accompanying period id not found";
         }
 
-    const accompanyingPeriodId = Number.parseInt(accompanyingPeriodIdAsString);
+        const accompanyingPeriodId = Number.parseInt(
+            accompanyingPeriodIdAsString,
+        );
 
         const app = createApp({
             template:

src/Bundle/ChillPersonBundle/Resources/public/types.ts

@@ -1,13 +1,11 @@
 import {
     Address,
+    Scope,
     Center,
     Civility,
     DateTime,
     User,
-  UserGroup,
-  Household,
     WorkflowAvailable,
-  Scope,
     Job,
     PrivateCommentEmbeddable,
 } from "ChillMainAssets/types";
@@ -15,11 +13,6 @@ import { StoredObject } from "ChillDocStoreAssets/types";
 import { Thirdparty } from "../../../ChillThirdPartyBundle/Resources/public/types";
 import { Calendar } from "../../../ChillCalendarBundle/Resources/public/types";
 
-export interface AltName {
-  label: string;
-  key: string;
-}
-
 export interface Person {
     id: number;
     type: "person";
@@ -27,8 +20,6 @@ export interface Person {
     textAge: string;
     firstName: string;
     lastName: string;
-  altNames: AltName[];
-  suffixText: string;
     current_household_address: Address | null;
     birthdate: DateTime | null;
     deathdate: DateTime | null;
@@ -79,6 +70,19 @@ export interface AccompanyingPeriod {
         | "DRAFT";
 }
 
+export interface AccompanyingPeriodWorkEvaluationDocument {
+    id: number;
+    type: "accompanying_period_work_evaluation_document";
+    storedObject: StoredObject;
+    title: string;
+    createdAt: DateTime | null;
+    createdBy: User | null;
+    updatedAt: DateTime | null;
+    updatedBy: User | null;
+    workflows_availables: WorkflowAvailable[];
+    workflows: object[];
+}
+
 export interface AccompanyingPeriodWork {
     id: number;
     accompanyingPeriod?: AccompanyingPeriod;
@@ -103,7 +107,7 @@ export interface AccompanyingPeriodWork {
     version: number;
 }
 
-export interface SocialAction {
+interface SocialAction {
     id: number;
     parent?: SocialAction | null;
     children: SocialAction[];
@@ -247,83 +251,3 @@ export interface AccompanyingPeriodWorkReferrerHistory {
     createdBy: User;
     updatedBy: User | null;
 }
-
-export interface AccompanyingPeriodWorkEvaluationDocument {
-  id: number;
-  type: "accompanying_period_work_evaluation_document";
-  storedObject: StoredObject;
-  title: string;
-  createdAt: DateTime | null;
-  createdBy: User | null;
-  updatedAt: DateTime | null;
-  updatedBy: User | null;
-  workflows_availables: WorkflowAvailable[];
-  workflows: object[];
-}
-
-export type EntityType =
-  | "user_group"
-  | "user"
-  | "person"
-  | "thirdparty"
-  | "household";
-
-export type Entities = (UserGroup | User | Person | Thirdparty | Household) & {
-  address?: Address | null;
-  kind?: string;
-  text?: string;
-  profession?: string;
-};
-
-export type EntitiesOrMe = "me" | Entities;
-
-export type AddPersonResult = Entities & {
-  parent?: Entities | null;
-};
-
-export interface Suggestion {
-  key: string;
-  relevance: number;
-  result: AddPersonResult;
-}
-
-export interface SearchPagination {
-  first: number;
-  items_per_page: number;
-  next: number | null;
-  previous: number | null;
-  more: boolean;
-}
-
-export interface Search {
-  count: number;
-  pagination: SearchPagination;
-  results: Suggestion[];
-}
-
-export interface SearchOptions {
-  uniq: boolean;
-  type: string[];
-  priority: number | null;
-  button: {
-    size: string;
-    class: string;
-    type: string;
-    display: string;
-  };
-}
-
-export class MakeFetchException extends Error {
-  sta: number;
-  txt: string;
-  violations: unknown | null;
-
-  constructor(txt: string, sta: number, violations: unknown | null = null) {
-    super(txt);
-    this.name = "ValidationException";
-    this.sta = sta;
-    this.txt = txt;
-    this.violations = violations;
-    Object.setPrototypeOf(this, MakeFetchException.prototype);
-  }
-}

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/AdminLocation.vue

@@ -26,7 +26,10 @@
             />
         </div>
 
-    <div v-if="!isAdminLocationValid" class="alert alert-warning to-confirm">
+        <div
+            v-if="!isAdminLocationValid"
+            class="alert alert-warning to-confirm"
+        >
             {{ $t("admin_location.not_valid") }}
         </div>
     </div>
@@ -66,7 +69,9 @@ export default {
                         locationCategories: response.filter(
                             (o) => o.locationType.id === id,
                         )[0].locationType.title.fr,
-            locations: response.filter((o) => o.locationType.id === id),
+                        locations: response.filter(
+                            (o) => o.locationType.id === id,
+                        ),
                     });
                 }
                 this.options = results;
@@ -76,7 +81,10 @@ export default {
             this.$store
                 .dispatch("updateAdminLocation", value)
                 .catch(({ name, violations }) => {
-          if (name === "ValidationException" || name === "AccessException") {
+                    if (
+                        name === "ValidationException" ||
+                        name === "AccessException"
+                    ) {
                         violations.forEach((violation) =>
                             this.$toast.open({ message: violation }),
                         );

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner.vue

@@ -29,7 +29,9 @@
                 </span>
             </span>
             <span
-        v-else-if="accompanyingCourse.step === 'CONFIRMED_INACTIVE_SHORT'"
+                v-else-if="
+                    accompanyingCourse.step === 'CONFIRMED_INACTIVE_SHORT'
+                "
                 class="d-md-block mb-md-3"
             >
                 <span class="badge bg-chill-yellow text-primary">
@@ -37,7 +39,9 @@
                 </span>
             </span>
             <span
-        v-else-if="accompanyingCourse.step === 'CONFIRMED_INACTIVE_LONG'"
+                v-else-if="
+                    accompanyingCourse.step === 'CONFIRMED_INACTIVE_LONG'
+                "
                 class="d-md-block mb-md-3"
             >
                 <span class="badge bg-chill-pink">
@@ -48,15 +52,25 @@
                 <span class="d-md-block ms-3 ms-md-0">
                     <i
                         >{{ $t("course.open_at")
-            }}{{ $d(accompanyingCourse.openingDate.datetime, "text") }}</i
+                        }}{{
+                            $d(accompanyingCourse.openingDate.datetime, "text")
+                        }}</i
                     >
                 </span>
-        <span v-if="accompanyingCourse.user" class="d-md-block ms-3 ms-md-0">
-          <span class="item-key">{{ $t("course.referrer") }}:</span>&nbsp;
+                <span
+                    v-if="accompanyingCourse.user"
+                    class="d-md-block ms-3 ms-md-0"
+                >
+                    <span class="item-key">{{ $t("course.referrer") }}:</span
+                    >&nbsp;
                     <b>{{ accompanyingCourse.user.text }}</b>
                     <template v-if="accompanyingCourse.user.isAbsent">
                         &nbsp;
-            <span class="badge bg-danger rounded-pill" title="Absent">A</span>
+                        <span
+                            class="badge bg-danger rounded-pill"
+                            title="Absent"
+                            >A</span
+                        >
                     </template>
                 </span>
             </span>
@@ -68,12 +82,19 @@
             <span class="d-md-block">
                 <span class="d-md-block ms-3 ms-md-0">
                     <i
-            >{{ $d(accompanyingCourse.openingDate.datetime, "text") }}
+                        >{{
+                            $d(accompanyingCourse.openingDate.datetime, "text")
+                        }}
                         -
-            {{ $d(accompanyingCourse.closingDate.datetime, "text") }}</i
+                        {{
+                            $d(accompanyingCourse.closingDate.datetime, "text")
+                        }}</i
                     >
                 </span>
-        <span v-if="accompanyingCourse.user" class="d-md-block ms-3 ms-md-0">
+                <span
+                    v-if="accompanyingCourse.user"
+                    class="d-md-block ms-3 ms-md-0"
+                >
                     <span class="item-key">{{ $t("course.referrer") }}:</span>
                     <b>{{ accompanyingCourse.user.text }}</b>
                 </span>
@@ -81,7 +102,9 @@
         </span>
     </teleport>
 
-  <teleport to="#header-accompanying_course-name #persons-associated-shortlist">
+    <teleport
+        to="#header-accompanying_course-name #persons-associated-shortlist"
+    >
         <persons-associated
             :accompanyingCourse="accompanyingCourse"
             :shortlist="true"
@@ -96,7 +119,9 @@
         />
     </teleport>
 
-  <teleport to="#header-accompanying_course-details #banner-persons-associated">
+    <teleport
+        to="#header-accompanying_course-details #banner-persons-associated"
+    >
         <persons-associated
             :accompanying-course="accompanyingCourse"
             :shortlist="false"

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/PersonsAssociated.vue

@@ -97,7 +97,9 @@ export default {
                     if (!households.has(person.current_household_id || -1)) {
                         households.set(person.current_household_id || -1, []);
                     }
-          households.get(person.current_household_id || -1).push(person);
+                    households
+                        .get(person.current_household_id || -1)
+                        .push(person);
                 });
 
             return households;