Update chill bundles to v4.8.2

Associate activity's creator as a participant by default, and retro-actively append the creator to each activity

Closes #466

See merge request Chill-Projet/chill-bundles!924

.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: ""

.changes/unreleased/Feature-20250904-181032.yaml

@@ -1,6 +0,0 @@
-kind: Feature
-body: Add a command to generate a list of permissions
-time: 2025-09-04T18:10:32.334524026+02:00
-custom:
-    Issue: ""
-    SchemaChange: No schema change

.changes/v4.3.0.md

@@ -0,0 +1,10 @@
+## v4.3.0 - 2025-09-08
+### Feature
+* ([#409](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/409)) Add 45 and 60 min calendar ranges   
+* Add a command to generate a list of permissions   
+* ([#412](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/412)) Add an absence end date   
+
+  **Schema Change**: Add columns or tables
+### Fixed
+* fix date formatting in calendar range display   
+* Change route URL to avoid clash with person duplicate controller method   

.changes/v4.4.0.md

@@ -0,0 +1,8 @@
+## v4.4.0 - 2025-09-11
+### Feature
+* ([#359](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/359)) Allow the merge of two accompanying period works   
+* ([#369](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/369)) Duplication of a document to another accompanying period work evaluation   
+* ([#359](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/359)) Fusion of two accompanying period works   
+### Fixed
+* Fix display of 'duplicate' and 'merge' buttons in CRUD templates   
+* Fix saving notification preferences in user's profile   

.changes/v4.4.1.md

@@ -0,0 +1,3 @@
+## v4.4.1 - 2025-09-11
+### Fixed
+* fix translations in duplicate evaluation document modal and realign close modal button   

.changes/v4.4.2.md

@@ -0,0 +1,3 @@
+## v4.4.2 - 2025-09-12
+### Fixed
+* Fix document generation and workflow generation do not work on accompanying period work documents   

.changes/v4.5.0.md

@@ -0,0 +1,13 @@
+## v4.5.0 - 2025-10-03
+### Feature
+* Only allow delete of attachment on workflows that are not final   
+* Move up signature buttons on index workflow page for easier access   
+* Filter out document from attachment list if it is the same as the workflow document   
+* Block edition on attached document on workflow, if the workflow is finalized or sent external   
+* Convert workflow's attached document to pdf while sending them external   
+* After a signature is canceled or rejected, going to a waiting page until the post-process routines apply a workflow transition   
+### Fixed
+* ([#426](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/426)) Increased the number of required characters when setting a new password in Chill from 9 to 14 - GDPR compliance   
+* Fix permissions on storedObject which are subject by a workflow   
+### DX
+* Introduce a WaitingScreen component to display a waiting screen   

.changes/v4.5.1.md

@@ -0,0 +1,4 @@
+## v4.5.1 - 2025-10-03
+### Fixed
+* Add missing javascript dependency   
+* Add exception handling for conversion of attachment on sending external, when documens are already in pdf   

.changes/v4.6.0.md

@@ -0,0 +1,14 @@
+## v4.6.0 - 2025-10-15
+### Feature
+* ([#423](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/423)) Create environment banner that can be activated and configured depending on the image deployed   
+* ([#394](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/394)) Only show active workflow on the page "my tracked workflow"   
+### Fixed
+* Fix loading of classLists in SocialIssuesAcc.vue, ensure elements are present   
+* Fix the rendering of list of StoredObjectVersions, where there are kept version (before converting to pdf) and intermediate versions deleted   
+* ([#434](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/434)) Notification: fix editing of sent notification by removing form.addressesEmails, a field that no longer exists   
+* Fix loading of social issues and social actions within vue component   
+* ([#446](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/446)) Add unique condition on stored object filename, with cleaning step on existing duplicate filenames   
+
+  **Schema Change**: Drop or rename table or columns, or enforce new constraint that must be manually fixed
+* [workflow] take permissions into account to delete the workflow attachment   
+* ([#448](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/448)) Fix the execution of daily cronjob notification, when the previous last execution storage was invalid   

.changes/v4.6.1.md

@@ -0,0 +1,3 @@
+## v4.6.1 - 2025-10-27
+### Fixed
+* Fix export case where no 'reason' is picked within the PersonHavingActivityBetweenDateFilter.php   

.changes/v4.7.0.md

@@ -0,0 +1,21 @@
+## v4.7.0 - 2025-11-10
+### Feature
+* ([#385](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/385)) Create invitation list in user menu   
+* ([#404](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/404)) Add columns for comments linked to an activity in the activity list export   
+### Fixed
+* ([#451](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/451)) Fix: display also social actions linked to parents of the selected social issue   
+* ([#453](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/453)) Fix: export actions and their results in csv even when action does not have any goals attached to it.   
+* Fix the possibility to delete a workflow   
+
+  **Schema Change**: Drop or rename table or columns, or enforce new constraint that must be manually fixed
+* ([#457](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/457)) Fix the fusion of thirdparty properties that are located in another schema than public for TO_ONE relations + add extra loop for MANY_TO_MANY relations where thirdparty is the source instead of the target   
+* ([#428](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/428)) Fix suggestion of referrer when creating notification for accompanyingPeriodWorkDocument   
+### DX
+* Send notifications log to dedicated channel, if it exists
+   
+### UX
+* ([#425](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/425)) Change the terms 'cercle' and 'centre' to 'service', and 'territoire' respectively.   
+* ([#542](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/542)) Improve the ux for selecting whether user wants to be notified of the final step of a workflow or all steps   
+* Expand timeSpent choices for evaluation document and translate them to user locale or fallback 'fr'   
+* ([#455](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/455)) Change the order of display for results and objectives in the social work/action form   
+* Wrap text when it is too long within badges   

.changes/v4.8.0.md

@@ -0,0 +1,9 @@
+## v4.8.0 - 2025-11-17
+### Feature
+* ([#461](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/461)) Make a calendar item on the 'mes rendez-vous' page clickable. Clicking will navigate to the edit page of the calendar item.   
+### Fixed
+* ([#463](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/463)) Display calendar items for which an invite was accepted on the mes rendez-vous page   
+* Improve accessibility on login page
+   
+### UX
+* ([#449](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/449)) Remove the label if there is only one scope and no scope picking field is displayed.   

.changes/v4.8.1.md

@@ -0,0 +1,6 @@
+## v4.8.1 - 2025-11-20
+### Fixed
+* Insert name of file as the document title when uploading   
+* Add missing path paramater 'id' for editing multiple participations   
+* ([#471](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/471)) Hide the display of inactive user groups in the api
+   

.changes/v4.8.2.md

@@ -0,0 +1,10 @@
+## v4.8.2 - 2025-11-26
+### Fixed
+* ([#466](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/466)) Associate activity's creator as a participant by default, and retro-actively append the creator to each activity
+   
+
+  **Schema Change**: Add columns or tables
+* Fix template parameter for update_multiple route on event participations   
+### UX
+* ([#470](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/470)) Alphabetically order userJobs and mainLocations within user creation form   
+* ([#437](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/437)) Change position and color of confirm parcours button   

.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]
+[.rst]
-indent_size = 3
+ident_size = 3
-indent_style = space
+ident_style = space
 

.junie/guidelines.md

@@ -234,9 +234,12 @@ This must be a decision made by a human, not by an AI. Every AI task must abort
 
 #### Running Tests
 
-The tests are run from the project's root (not from the bundle's root: so, do not change the directory to any bundle directory before running tests).
+The tests are run from the project's root (not from the bundle's root).
 
 ```bash
+# Run all tests
+vendor/bin/phpunit
+
 # Run a specific test file
 vendor/bin/phpunit path/to/TestFile.php
 
@@ -244,6 +247,9 @@ vendor/bin/phpunit path/to/TestFile.php
 vendor/bin/phpunit --filter methodName path/to/TestFile.php
 ```
 
+When writing tests, only test specific files. Do not run all tests or the full
+test suite.
+
 #### Test Structure
 
 Tests are organized by bundle and follow the same structure as the bundle itself:

.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"
-        }
-    ]
-}

CHANGELOG.md

@@ -6,12 +6,126 @@ adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html),
 and is generated by [Changie](https://github.com/miniscruff/changie).
 
 
+## v4.8.2 - 2025-11-26
+### Fixed
+* ([#466](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/466)) Associate activity's creator as a participant by default, and retro-actively append the creator to each activity
+  **Schema Change**: Add columns or tables
+* Fix template parameter for update_multiple route on event participations
+### UX
+* ([#470](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/470)) Alphabetically order userJobs and mainLocations within user creation form
+* ([#437](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/437)) Change position and color of confirm parcours button
+
+## v4.8.1 - 2025-11-20
+### Fixed
+* Insert name of file as the document title when uploading
+* Add missing path paramater 'id' for editing multiple participations
+* ([#471](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/471)) Hide the display of inactive user groups in the api
+
+
+## v4.8.0 - 2025-11-17
+### Feature
+* ([#461](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/461)) Make a calendar item on the 'mes rendez-vous' page clickable. Clicking will navigate to the edit page of the calendar item.
+### Fixed
+* ([#463](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/463)) Display calendar items for which an invite was accepted on the mes rendez-vous page
+* Improve accessibility on login page
+
+### UX
+* ([#449](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/449)) Remove the label if there is only one scope and no scope picking field is displayed.
+
+## v4.7.0 - 2025-11-10
+### Feature
+* ([#385](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/385)) Create invitation list in user menu
+* ([#404](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/404)) Add columns for comments linked to an activity in the activity list export
+### Fixed
+* ([#451](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/451)) Fix: display also social actions linked to parents of the selected social issue
+* ([#453](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/453)) Fix: export actions and their results in csv even when action does not have any goals attached to it.
+* Fix the possibility to delete a workflow
+
+  **Schema Change**: Drop or rename table or columns, or enforce new constraint that must be manually fixed
+* ([#457](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/457)) Fix the fusion of thirdparty properties that are located in another schema than public for TO_ONE relations + add extra loop for MANY_TO_MANY relations where thirdparty is the source instead of the target
+* ([#428](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/428)) Fix suggestion of referrer when creating notification for accompanyingPeriodWorkDocument
+### DX
+* Send notifications log to dedicated channel, if it exists
+
+### UX
+* ([#425](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/425)) Change the terms 'cercle' and 'centre' to 'service', and 'territoire' respectively.
+* ([#542](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/542)) Improve the ux for selecting whether user wants to be notified of the final step of a workflow or all steps
+* Expand timeSpent choices for evaluation document and translate them to user locale or fallback 'fr'
+* ([#455](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/455)) Change the order of display for results and objectives in the social work/action form
+* Wrap text when it is too long within badges
+
+## v4.6.1 - 2025-10-27
+### Fixed
+* Fix export case where no 'reason' is picked within the PersonHavingActivityBetweenDateFilter.php
+
+## v4.6.0 - 2025-10-15
+### Feature
+* ([#423](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/423)) Create environment banner that can be activated and configured depending on the image deployed
+* ([#394](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/394)) Only show active workflow on the page "my tracked workflow"
+### Fixed
+* Fix loading of classLists in SocialIssuesAcc.vue, ensure elements are present
+* Fix the rendering of list of StoredObjectVersions, where there are kept version (before converting to pdf) and intermediate versions deleted
+* ([#434](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/434)) Notification: fix editing of sent notification by removing form.addressesEmails, a field that no longer exists
+* Fix loading of social issues and social actions within vue component
+* ([#446](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/446)) Add unique condition on stored object filename, with cleaning step on existing duplicate filenames
+
+  **Schema Change**: Drop or rename table or columns, or enforce new constraint that must be manually fixed
+* [workflow] take permissions into account to delete the workflow attachment
+* ([#448](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/448)) Fix the execution of daily cronjob notification, when the previous last execution storage was invalid
+
+## v4.5.1 - 2025-10-03
+### Fixed
+* Add missing javascript dependency
+* Add exception handling for conversion of attachment on sending external, when documens are already in pdf
+
+## v4.5.0 - 2025-10-03
+### Feature
+* Only allow delete of attachment on workflows that are not final
+* Move up signature buttons on index workflow page for easier access
+* Filter out document from attachment list if it is the same as the workflow document
+* Block edition on attached document on workflow, if the workflow is finalized or sent external
+* Convert workflow's attached document to pdf while sending them external
+* After a signature is canceled or rejected, going to a waiting page until the post-process routines apply a workflow transition
+### Fixed
+* ([#426](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/426)) Increased the number of required characters when setting a new password in Chill from 9 to 14 - GDPR compliance
+* Fix permissions on storedObject which are subject by a workflow
+### DX
+* Introduce a WaitingScreen component to display a waiting screen
+
+## v4.4.2 - 2025-09-12
+### Fixed
+* Fix document generation and workflow generation do not work on accompanying period work documents
+
+## v4.4.1 - 2025-09-11
+### Fixed
+* fix translations in duplicate evaluation document modal and realign close modal button
+
+## v4.4.0 - 2025-09-11
+### Feature
+* ([#359](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/359)) Allow the merge of two accompanying period works
+* ([#369](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/369)) Duplication of a document to another accompanying period work evaluation
+* ([#359](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/359)) Fusion of two accompanying period works
+### Fixed
+* Fix display of 'duplicate' and 'merge' buttons in CRUD templates
+* Fix saving notification preferences in user's profile
+
+## v4.3.0 - 2025-09-08
+### Feature
+* ([#409](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/409)) Add 45 and 60 min calendar ranges
+* Add a command to generate a list of permissions
+* ([#412](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/412)) Add an absence end date
+
+  **Schema Change**: Add columns or tables
+### Fixed
+* fix date formatting in calendar range display
+* Change route URL to avoid clash with person duplicate controller method
+
 ## v4.2.1 - 2025-09-03
 ### Fixed
-* Fix exports to work with DirectExportInterface   
+* Fix exports to work with DirectExportInterface
 ### DX
 * Improve error message when a stored object cannot be written on local disk
-   
+
 
 ## v4.2.0 - 2025-09-02
 ### Feature
@@ -26,26 +140,26 @@ and is generated by [Changie](https://github.com/miniscruff/changie).
 
 ## v4.1.0 - 2025-08-26
 ### Feature
-* ([#400](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/400)) Add filter to social actions list to filter out actions where current user intervenes   
+* ([#400](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/400)) Add filter to social actions list to filter out actions where current user intervenes
-* ([#399](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/399)) Show filters on list pages unfolded by default   
+* ([#399](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/399)) Show filters on list pages unfolded by default
-* Expansion of event module with new fields in the creation form: thematic, internal/external animator, responsable, and budget elements. Filtering options in the event list + adapted exports   
+* Expansion of event module with new fields in the creation form: thematic, internal/external animator, responsable, and budget elements. Filtering options in the event list + adapted exports
 
   **Schema Change**: Add columns or tables
 ### Fixed
-* ([#382](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/382)) adjust display logic for accompanying period dates, include closing date if period is closed.   
+* ([#382](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/382)) adjust display logic for accompanying period dates, include closing date if period is closed.
-* ([#384](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/384)) add min and step attributes to integer field in DateIntervalType   
+* ([#384](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/384)) add min and step attributes to integer field in DateIntervalType
 ### UX
-* Limit display of participations in event list   
+* Limit display of participations in event list
 
 ## v4.0.2 - 2025-07-09
 ### Fixed
-* Fix add missing translation   
+* Fix add missing translation
-* Fix the transfer of evaluations and documents during of accompanyingperiodwork   
+* Fix the transfer of evaluations and documents during of accompanyingperiodwork
 
 ## v4.0.1 - 2025-07-08
 ### Fixed
 * Fix package.json for compilation
-   
+
 
 ## v4.0.0 - 2025-07-08
 ### Feature
@@ -124,30 +238,30 @@ framework:
 
 ## v3.12.1 - 2025-06-30
 ### Fixed
-* Fix loading of the list of documents   
+* Fix loading of the list of documents
 
 ## v3.12.0 - 2025-06-30
 ### Feature
-* ([#377](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/377)) Add the document file name to the document title when a user upload a document, unless there is already a document title.   
+* ([#377](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/377)) Add the document file name to the document title when a user upload a document, unless there is already a document title.
-* Add desactivation date for social action and issue csv export   
+* Add desactivation date for social action and issue csv export
-* Add Emoji and Fullscreen feature to ckeditor configuration   
+* Add Emoji and Fullscreen feature to ckeditor configuration
-* ([#321](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/321)) Create editor which allow us to toggle between rich and simple text editor   
+* ([#321](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/321)) Create editor which allow us to toggle between rich and simple text editor
-* Do not remove workflow which are automatically canceled after staling for more than 30 days   
+* Do not remove workflow which are automatically canceled after staling for more than 30 days
 ### Fixed
-* ([#376](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/376)) trying to prevent bug of typeerror in doc-history + improved display of document history   
+* ([#376](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/376)) trying to prevent bug of typeerror in doc-history + improved display of document history
-* ([#381](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/381)) Display previous participation in acc course work even if the person has left the acc course   
+* ([#381](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/381)) Display previous participation in acc course work even if the person has left the acc course
-* ([#372](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/372)) Fix display of text in calendar events   
+* ([#372](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/372)) Fix display of text in calendar events
-* Add missing translation for user_group.no_user_groups   
+* Add missing translation for user_group.no_user_groups
-* Fix admin entity edit actions for event admin entities and activity reason (category) entities   
+* Fix admin entity edit actions for event admin entities and activity reason (category) entities
 * ([#392](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/392)) Allow null and cast as string to setContent method for NewsItem
-   
+
-* ([#393](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/393)) Doc Generation: the "dump only" method send the document as an email attachment.   
+* ([#393](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/393)) Doc Generation: the "dump only" method send the document as an email attachment.
 ### DX
-* ([#352](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/352)) Remove dead code for wopi-link module   
+* ([#352](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/352)) Remove dead code for wopi-link module
-* Replace library node-sass by sass, and upgrade bootstrap to version 5.3 (yarn upgrade / install is required)   
+* Replace library node-sass by sass, and upgrade bootstrap to version 5.3 (yarn upgrade / install is required)
 ### UX
-* ([#374](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/374)) Remove default filter in_progress for the page 'my tasks'; Allows for new tasks to be displayed upon opening of the page   
+* ([#374](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/374)) Remove default filter in_progress for the page 'my tasks'; Allows for new tasks to be displayed upon opening of the page
-* Improve labeling of fields in person resource creation form   
+* Improve labeling of fields in person resource creation form
 
 ## v3.11.0 - 2025-04-17
 ### Feature
@@ -171,11 +285,11 @@ framework:
 
 ## v3.10.3 - 2025-03-18
 ### DX
-* Eslint fixes   
+* Eslint fixes
 
 ## v3.10.2 - 2025-03-17
 ### Fixed
-* Replace a ts-expect-error with a ts-ignore   
+* Replace a ts-expect-error with a ts-ignore
 
 ## v3.10.1 - 2025-03-17
 ### DX
@@ -183,37 +297,37 @@ framework:
 
 ## v3.10.0 - 2025-03-17
 ### Feature
-* ([#363](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/363)) Display social actions grouped per social issue within activity form   
+* ([#363](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/363)) Display social actions grouped per social issue within activity form
 ### Fixed
-* ([#362](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/362)) Fix Dependency Injection, which prevented to save the CalendarRange   
+* ([#362](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/362)) Fix Dependency Injection, which prevented to save the CalendarRange
-* ([#368](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/368)) fix search query for user groups   
+* ([#368](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/368)) fix search query for user groups
 
 ## v3.9.2 - 2025-02-27
 ### Fixed
-* Use fetchResults method to fetch all social issues instead of only the first page   
+* Use fetchResults method to fetch all social issues instead of only the first page
 
 ## v3.9.1 - 2025-02-27
 ### Fixed
-* Fix post/patch request with missing 'type' property for gender   
+* Fix post/patch request with missing 'type' property for gender
 
 ## v3.9.0 - 2025-02-27
 ### Feature
-* ([#349](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/349)) Suggest all referrers within actions of the accompanying period when creating an activity   
+* ([#349](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/349)) Suggest all referrers within actions of the accompanying period when creating an activity
-* ([#343](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/343)) Add possibility to export a csv with all social issues and social actions   
+* ([#343](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/343)) Add possibility to export a csv with all social issues and social actions
-* ([#360](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/360)) Restore document to previous kept version when a workflow is canceled   
+* ([#360](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/360)) Restore document to previous kept version when a workflow is canceled
-* ([#341](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/341)) Add a list of third parties from within the admin (csv download)   
+* ([#341](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/341)) Add a list of third parties from within the admin (csv download)
 ### Fixed
-* fix generation of document with accompanying period context, and list of activities and works   
+* fix generation of document with accompanying period context, and list of activities and works
 ### DX
-* ([#333](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/333)) Create an unique source of trust for translations   
+* ([#333](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/333)) Create an unique source of trust for translations
 
 ## v3.8.2 - 2025-02-10
 ### Fixed
-* ([#358](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/358)) Remove "filter" button on list of documents in the workflow's "add attachement" modal   
+* ([#358](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/358)) Remove "filter" button on list of documents in the workflow's "add attachement" modal
 
 ## v3.8.1 - 2025-02-05
 ### Fixed
-* Fix household link in the parcours banner   
+* Fix household link in the parcours banner
 
 ## v3.8.0 - 2025-02-03
 ### Feature
@@ -229,7 +343,7 @@ framework:
 
 ## v3.7.1 - 2025-01-21
 ### Fixed
-* Fix legacy configuration processor for notifier component   
+* Fix legacy configuration processor for notifier component
 
 ## v3.7.0 - 2025-01-21
 ### Feature
@@ -296,33 +410,33 @@ chill_main:
 
 ## v3.6.0 - 2025-01-16
 ### Feature
-* Importer for addresses does not fails when the postal code is not found with some addresses, and compute a recap list of all addresses that could not be imported. This recap list can be send by email. 
+* Importer for addresses does not fails when the postal code is not found with some addresses, and compute a recap list of all addresses that could not be imported. This recap list can be send by email.
 * ([#346](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/346)) Create a driver for storing documents on disk (instead of openstack object store)
- 
+
-* Add address importer from french Base d'Adresse Nationale (BAN) 
+* Add address importer from french Base d'Adresse Nationale (BAN)
-* ([#343](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/343)) Add csv export for social issues and social actions 
+* ([#343](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/343)) Add csv export for social issues and social actions
 ### Fixed
-* Export: fix missing alias in activity between certain dates filter. Condition added for alias. 
+* Export: fix missing alias in activity between certain dates filter. Condition added for alias.
 
 ## v3.5.3 - 2025-01-07
 ### Fixed
-* Fix the EntityToJsonTransformer to return an empty array if the value is "" 
+* Fix the EntityToJsonTransformer to return an empty array if the value is ""
 
 ## v3.5.2 - 2024-12-19
 ### Fixed
-* ([#345](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/345)) Export: activity filtering of users that were associated to an activity between certain dates. Results contained activities that were not within the specified date range" 
+* ([#345](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/345)) Export: activity filtering of users that were associated to an activity between certain dates. Results contained activities that were not within the specified date range"
 
 ## v3.5.1 - 2024-12-16
 ### Fixed
-* Filiation: fix the display of the gender label in the graph 
+* Filiation: fix the display of the gender label in the graph
-* Wrap handling of PdfSignedMessage into transactions 
+* Wrap handling of PdfSignedMessage into transactions
 
 ## v3.5.0 - 2024-12-09
 ### Feature
-* ([#318](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/318)) Show all the pages of the documents in the signature app 
+* ([#318](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/318)) Show all the pages of the documents in the signature app
 ### Fixed
-* Wrap the signature's change state into a transaction, to avoid race conditions 
+* Wrap the signature's change state into a transaction, to avoid race conditions
-* Fix display of gender label 
+* Fix display of gender label
 
 ## v3.4.3 - 2024-12-05
 ### Fixed
@@ -331,76 +445,76 @@ chill_main:
 
 ## v3.4.2 - 2024-12-05
 ### Fixed
-* ([#329](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/329)) Fix the serialization of gender for the generation of documents 
+* ([#329](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/329)) Fix the serialization of gender for the generation of documents
-* ([#337](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/337)) Enforce unique contraint on activity storedobject 
+* ([#337](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/337)) Enforce unique contraint on activity storedobject
 ### DX
-* ([#310](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/310)) Clean migrations, to reduce the number of bloated migration when running diff on schema 
+* ([#310](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/310)) Clean migrations, to reduce the number of bloated migration when running diff on schema
 
 ## v3.4.1 - 2024-11-22
 ### Fixed
-* Set the workflow's title to notification content and subject 
+* Set the workflow's title to notification content and subject
 
 ## v3.4.0 - 2024-11-20
 ### Feature
 * ([#314](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/314)) Admin: improve document type admin form with a select field for related class.
-Admin: Allow administrator to assign multiple group centers in one go to a user. 
+Admin: Allow administrator to assign multiple group centers in one go to a user.
 
 ## v3.3.0 - 2024-11-20
 ### Feature
 * Electronic signature
 
-Implementation of the electronic signature for documents within chill. 
+Implementation of the electronic signature for documents within chill.
-* ([#286](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/286)) The behavoir of the voters for stored objects is adjusted so as to limit edit and delete possibilities to users related to the activity, social action or workflow entity. 
+* ([#286](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/286)) The behavoir of the voters for stored objects is adjusted so as to limit edit and delete possibilities to users related to the activity, social action or workflow entity.
-* ([#288](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/288)) Metadata form added for person signatures 
+* ([#288](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/288)) Metadata form added for person signatures
-* Add a signature step in workflow, which allow to apply an electronic signature on documents 
+* Add a signature step in workflow, which allow to apply an electronic signature on documents
-* Keep an history of each version of a stored object. 
+* Keep an history of each version of a stored object.
-* Add a "send external" step in workflow, which allow to send stored objects and other elements to remote people, by sending them a public url 
+* Add a "send external" step in workflow, which allow to send stored objects and other elements to remote people, by sending them a public url
 ### Fixed
-* Adjust household list export to include households even if their address is NULL 
+* Adjust household list export to include households even if their address is NULL
-* Remove validation of date string on deathDate 
+* Remove validation of date string on deathDate
 
 ## v3.2.4 - 2024-11-06
 ### Fixed
-* Fix compilation of chill assets 
+* Fix compilation of chill assets
 
 ## v3.2.3 - 2024-11-05
 ### Fixed
 * ([#315](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/315)) Fix display of accompanying period work referrers. Only current referrers should be displayed.
-Fix color of Chill footer 
+Fix color of Chill footer
 
 ## v3.2.2 - 2024-10-31
 ### Fixed
-* Fix gender translation for unknown 
+* Fix gender translation for unknown
 
 ## v3.2.1 - 2024-10-31
 ### Fixed
-* Add the possibility of unknown to the gender entity 
+* Add the possibility of unknown to the gender entity
-* Fix the fusion of person doubles by excluding accompanyingPeriod work entities to be deleted. They are moved instead. 
+* Fix the fusion of person doubles by excluding accompanyingPeriod work entities to be deleted. They are moved instead.
 
 ## v3.2.0 - 2024-10-30
 ### Feature
-* Introduce a gender entity 
+* Introduce a gender entity
 
 ## v3.1.1 - 2024-10-01
 ### Fixed
-* ([#308](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/308)) Show only the current referrer in the page "show" for an accompanying period workf 
+* ([#308](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/308)) Show only the current referrer in the page "show" for an accompanying period workf
 * ([#309](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/309)) Correctly compute the grouping by referrer aggregator
- 
+
-* Fixed typing of custom field long choice and custom field group 
+* Fixed typing of custom field long choice and custom field group
 
 ## v3.1.0 - 2024-08-30
 ### Feature
-* Add export aggregator to aggregate activities by household + filter persons that are not part of an accompanyingperiod during a certain timeframe. 
+* Add export aggregator to aggregate activities by household + filter persons that are not part of an accompanyingperiod during a certain timeframe.
 
 ## v3.0.0 - 2024-08-26
 ### Fixed
-* Fix delete action for accompanying periods in draft state 
+* Fix delete action for accompanying periods in draft state
-* Fix connection to azure when making an calendar event in chill 
+* Fix connection to azure when making an calendar event in chill
-* CollectionType js fixes for remove button and adding multiple entries 
+* CollectionType js fixes for remove button and adding multiple entries
 
 ## v2.24.0 - 2024-09-11
 ### Feature
-* ([#306](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/306)) When a document is converted or downloaded in the browser, this document is removed from the browser memory after 45s. Future click on the button re-download the document. 
+* ([#306](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/306)) When a document is converted or downloaded in the browser, this document is removed from the browser memory after 45s. Future click on the button re-download the document.
 
 ## v2.23.0 - 2024-07-23 & 2024-07-19
 ### Feature
@@ -435,13 +549,13 @@ Fix color of Chill footer
 
 ## v2.22.2 - 2024-07-03
 ### Fixed
-* Remove scope required for event participation stats 
+* Remove scope required for event participation stats
 
 ## v2.22.1 - 2024-07-01
 ### Fixed
-* Remove debug word 
+* Remove debug word
 ### DX
-* Add a command for reading official address DB from Luxembourg and update chill addresses 
+* Add a command for reading official address DB from Luxembourg and update chill addresses
 
 ## v2.22.0 - 2024-06-25
 ### Feature
@@ -484,7 +598,7 @@ Fix color of Chill footer
 
 ## v2.20.1 - 2024-06-05
 ### Fixed
-* Do not allow StoredObjectCreated for edit and convert buttons 
+* Do not allow StoredObjectCreated for edit and convert buttons
 
 ## v2.20.0 - 2024-06-05
 ### Fixed
@@ -531,96 +645,96 @@ Fix color of Chill footer
 
 ## v2.18.2 - 2024-04-12
 ### Fixed
-* ([#250](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/250)) Postal codes import : fix the source URL and the keys to handle each record 
+* ([#250](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/250)) Postal codes import : fix the source URL and the keys to handle each record
 
 ## v2.18.1 - 2024-03-26
 ### Fixed
-* Fix layout issue in document generation for admin (minor) 
+* Fix layout issue in document generation for admin (minor)
 
 ## v2.18.0 - 2024-03-26
 ### Feature
-* ([#268](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/268)) Improve admin UX to configure document templates for document generation 
+* ([#268](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/268)) Improve admin UX to configure document templates for document generation
 ### Fixed
-* ([#267](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/267)) Fix the join between job and user in the user list (admin): show only the current user job 
+* ([#267](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/267)) Fix the join between job and user in the user list (admin): show only the current user job
 
 ## v2.17.0 - 2024-03-19
 ### Feature
-* ([#237](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/237)) New export filter for social actions with an evaluation created between two dates 
+* ([#237](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/237)) New export filter for social actions with an evaluation created between two dates
-* ([#258](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/258)) In the list of accompangying period, add the list of person's centers and the duration of the course 
+* ([#258](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/258)) In the list of accompangying period, add the list of person's centers and the duration of the course
-* ([#238](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/238)) Allow to customize list person with new fields 
+* ([#238](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/238)) Allow to customize list person with new fields
 * ([#159](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/159)) Admin can publish news on the homepage
 ### Fixed
-* ([#264](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/264)) Fix languages: load the languages in all availables languages configured for Chill 
+* ([#264](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/264)) Fix languages: load the languages in all availables languages configured for Chill
-* ([#259](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/259)) Keep a consistent behaviour between the filtering of activities within the document generation (model "accompanying period with activities"), and the same filter in the list of activities for an accompanying period 
+* ([#259](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/259)) Keep a consistent behaviour between the filtering of activities within the document generation (model "accompanying period with activities"), and the same filter in the list of activities for an accompanying period
 
 ## v2.16.3 - 2024-02-26
 ### Fixed
-* ([#236](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/236)) Fix translation of user job -> 'service' must be 'métier' 
+* ([#236](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/236)) Fix translation of user job -> 'service' must be 'métier'
 ### UX
-* ([#232](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/232)) Order user jobs and services alphabetically in export filters 
+* ([#232](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/232)) Order user jobs and services alphabetically in export filters
 
 ## v2.16.2 - 2024-02-21
 ### Fixed
-* Check for null values in closing motive of parcours d'accompagnement for correct rendering of template 
+* Check for null values in closing motive of parcours d'accompagnement for correct rendering of template
 
 ## v2.16.1 - 2024-02-09
 ### Fixed
-* Force bootstrap version to avoid error in builds with newer version 
+* Force bootstrap version to avoid error in builds with newer version
 
 ## v2.16.0 - 2024-02-08
 ### Feature
-* ([#231](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/231)) Create new filter for persons having a participation in an accompanying period during a certain time span 
+* ([#231](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/231)) Create new filter for persons having a participation in an accompanying period during a certain time span
-* ([#241](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/241)) [Export][List of accompanyign period] Add two columns: the list of persons participating to the period, and their ids 
+* ([#241](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/241)) [Export][List of accompanyign period] Add two columns: the list of persons participating to the period, and their ids
-* ([#244](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/244)) Add capability to generate export about change of steps of accompanying period, and generate exports for this 
+* ([#244](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/244)) Add capability to generate export about change of steps of accompanying period, and generate exports for this
-* ([#253](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/253)) Export: group accompanying period by person participating 
+* ([#253](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/253)) Export: group accompanying period by person participating
-* ([#243](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/243)) Export: add filter for courses not linked to a reference address 
+* ([#243](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/243)) Export: add filter for courses not linked to a reference address
-* ([#229](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/229)) Allow to group activities linked with accompanying period by reason 
+* ([#229](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/229)) Allow to group activities linked with accompanying period by reason
-* ([#115](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/115)) Prevent social work to be saved when another user edited conccurently the social work 
+* ([#115](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/115)) Prevent social work to be saved when another user edited conccurently the social work
-* Modernize the event bundle, with some new fields and multiple improvements 
+* Modernize the event bundle, with some new fields and multiple improvements
 ### Fixed
-* ([#220](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/220)) Fix error in logs about wrong typing of eventArgs in onEditNotificationComment method 
+* ([#220](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/220)) Fix error in logs about wrong typing of eventArgs in onEditNotificationComment method
-* ([#256](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/256)) Fix the conditions upon which social actions should be optional or required in relation to social issues within the activity creation form 
+* ([#256](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/256)) Fix the conditions upon which social actions should be optional or required in relation to social issues within the activity creation form
 ### UX
-* ([#260](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/260)) Order list of centers alphabetically in dropdown 'user' section admin. 
+* ([#260](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/260)) Order list of centers alphabetically in dropdown 'user' section admin.
 
 ## v2.15.2 - 2024-01-11
 ### Fixed
-* Fix the id_seq used when creating a new accompanying period participation during fusion of two person files 
+* Fix the id_seq used when creating a new accompanying period participation during fusion of two person files
 ### DX
-* Set placeholder to False for expanded EntityType form fields where required is set to False. 
+* Set placeholder to False for expanded EntityType form fields where required is set to False.
 
 ## v2.15.1 - 2023-12-20
 ### Fixed
-* Fix the household export query to exclude accompanying periods that are in draft state. 
+* Fix the household export query to exclude accompanying periods that are in draft state.
 ### DX
-* ([#167](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/167)) Fixed readthedocs compilation by updating readthedocs config file and requirements for Sphinx 
+* ([#167](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/167)) Fixed readthedocs compilation by updating readthedocs config file and requirements for Sphinx
 
 ## v2.15.0 - 2023-12-11
 ### Feature
-* ([#191](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/191)) Add export "number of household associate with an exchange" 
+* ([#191](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/191)) Add export "number of household associate with an exchange"
-* ([#235](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/235)) Export: add dates on the filter "filter course by activity type" 
+* ([#235](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/235)) Export: add dates on the filter "filter course by activity type"
 ### Fixed
-* ([#214](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/214)) Fix error when posting an empty comment on an accompanying period. 
+* ([#214](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/214)) Fix error when posting an empty comment on an accompanying period.
-* ([#233](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/233)) Fix "filter evaluation by evaluation type" (and add select2 to the list of evaluation types to pick) 
+* ([#233](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/233)) Fix "filter evaluation by evaluation type" (and add select2 to the list of evaluation types to pick)
 * ([#234](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/234)) Fix "filter aside activity by date"
- 
+
-* ([#228](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/228)) Fix export of activity for people created before the introduction of the createdAt column on person (during v1) 
+* ([#228](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/228)) Fix export of activity for people created before the introduction of the createdAt column on person (during v1)
-* ([#246](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/246)) Do not show activities, evaluations and social work when associated to a confidential accompanying period, except for the users which are allowed to see them 
+* ([#246](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/246)) Do not show activities, evaluations and social work when associated to a confidential accompanying period, except for the users which are allowed to see them
 
 ## v2.14.1 - 2023-11-29
 ### Fixed
-* Export: fix list person with custom fields 
+* Export: fix list person with custom fields
-* ([#100](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/100)) Add a paginator to budget elements (resource and charge types) in the admin 
+* ([#100](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/100)) Add a paginator to budget elements (resource and charge types) in the admin
-* Fix error in ListEvaluation when "handling agents" are alone 
+* Fix error in ListEvaluation when "handling agents" are alone
 
 ## v2.14.0 - 2023-11-24
 ### Feature
-* ([#161](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/161)) Export: in filter "Filter accompanying period work (social action) by type, goal and result", order the items alphabetically or with the defined order 
+* ([#161](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/161)) Export: in filter "Filter accompanying period work (social action) by type, goal and result", order the items alphabetically or with the defined order
 ### Fixed
-* ([#141](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/141)) Export: on filter "action by type goals, and results", restore the fields when editing a saved export 
+* ([#141](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/141)) Export: on filter "action by type goals, and results", restore the fields when editing a saved export
-* ([#219](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/219)) Export: fix the list of accompanying period work, when the "calc date" is null 
+* ([#219](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/219)) Export: fix the list of accompanying period work, when the "calc date" is null
-* ([#222](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/222)) Fix rendering of custom fields 
+* ([#222](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/222)) Fix rendering of custom fields
-* Fix various errors in custom fields administration 
+* Fix various errors in custom fields administration
 
 ## v2.13.0 - 2023-11-21
 ### Feature
@@ -634,7 +748,7 @@ Fix color of Chill footer
 
 ## v2.12.1 - 2023-11-16
 ### Fixed
-* ([#208](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/208)) Export: fix loading of form for "filter action by type, goal and result" 
+* ([#208](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/208)) Export: fix loading of form for "filter action by type, goal and result"
 
 ## v2.12.0 - 2023-11-15
 ### Feature
@@ -665,36 +779,36 @@ Fix color of Chill footer
 
 ## v2.11.0 - 2023-11-07
 ### Feature
-* ([#194](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/194)) Export: add a filter "filter activity by creator job" 
+* ([#194](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/194)) Export: add a filter "filter activity by creator job"
 ### Fixed
-* ([#185](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/185)) Export: fix "group accompanying period by geographical unit": take into account the accompanying periods when the period is not located within an unit 
+* ([#185](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/185)) Export: fix "group accompanying period by geographical unit": take into account the accompanying periods when the period is not located within an unit
-* Fix "group activity by creator job" aggregator 
+* Fix "group activity by creator job" aggregator
 
 ## v2.10.6 - 2023-11-07
 ### Fixed
-* ([#182](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/182)) Fix merging of double person files. Adjustement relationship sql statement 
+* ([#182](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/182)) Fix merging of double person files. Adjustement relationship sql statement
-* ([#185](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/185)) Export: fix aggregator by geographical unit on person: avoid inconsistencies 
+* ([#185](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/185)) Export: fix aggregator by geographical unit on person: avoid inconsistencies
 
 ## v2.10.5 - 2023-11-05
 ### Fixed
-* ([#183](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/183)) Fix "problem during download" on some filters, which used a wrong data type 
+* ([#183](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/183)) Fix "problem during download" on some filters, which used a wrong data type
-* ([#184](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/184)) Fix filter "activity by date" 
+* ([#184](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/184)) Fix filter "activity by date"
 
 ## v2.10.4 - 2023-10-26
 ### Fixed
-* Fix null value constraint errors when merging relationships in doubles 
+* Fix null value constraint errors when merging relationships in doubles
 
 ## v2.10.3 - 2023-10-26
 ### Fixed
-* ([#175](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/175)) Replace old method of getting translator with injection of translatorInterface 
+* ([#175](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/175)) Replace old method of getting translator with injection of translatorInterface
 
 ## v2.10.2 - 2023-10-26
 ### Fixed
-* ([#175](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/175)) Use injection of translator instead of ->get(). 
+* ([#175](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/175)) Use injection of translator instead of ->get().
 
 ## v2.10.1 - 2023-10-24
 ### Fixed
-* Fix export controller when generating an export without any data in session 
+* Fix export controller when generating an export without any data in session
 
 ## v2.10.0 - 2023-10-24
 ### Feature
@@ -719,11 +833,11 @@ Fix color of Chill footer
 
 ## v2.9.2 - 2023-10-17
 ### Fixed
-* Fix possible null values in string's entities 
+* Fix possible null values in string's entities
 
 ## v2.9.1 - 2023-10-17
 ### Fixed
-* Fix the handling of activity form when editing or creating an activity in an accompanying period with multiple centers 
+* Fix the handling of activity form when editing or creating an activity in an accompanying period with multiple centers
 
 ## v2.9.0 - 2023-10-17
 ### Feature
@@ -771,57 +885,57 @@ But if you do not need this any more, you must ensure that the configuration key
 
 ## v2.7.0 - 2023-09-27
 ### Feature
-* ([#155](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/155)) The regulation list load accompanying periods by exact postal code (address associated with postal code), and not by the content of the postal code (postal code with same code's string) 
+* ([#155](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/155)) The regulation list load accompanying periods by exact postal code (address associated with postal code), and not by the content of the postal code (postal code with same code's string)
 ### Fixed
-* ([#142](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/142)) Fix the label of filter ActivityTypeFilter to a more obvious one 
+* ([#142](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/142)) Fix the label of filter ActivityTypeFilter to a more obvious one
-* ([#140](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/140)) [export] Fix association of filter "filter location by type" which did not appears on "list of activities" 
+* ([#140](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/140)) [export] Fix association of filter "filter location by type" which did not appears on "list of activities"
 
 ## v2.6.3 - 2023-09-19
 ### Fixed
-* Remove id property from document 
+* Remove id property from document
-mappedsuperclass 
+mappedsuperclass
 
 ## v2.6.2 - 2023-09-18
 ### Fixed
-* Fix doctrine mapping of AbstractTaskPlaceEvent and SingleTaskPlaceEvent: id property moved. 
+* Fix doctrine mapping of AbstractTaskPlaceEvent and SingleTaskPlaceEvent: id property moved.
 
 ## v2.6.1 - 2023-09-14
 ### Fixed
-* Filter out active centers in exports, which uses a different PickCenterType. 
+* Filter out active centers in exports, which uses a different PickCenterType.
 
 ## v2.6.0 - 2023-09-14
 ### Feature
-* ([#133](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/133)) Add locations in Aside Activity. By default, suggest user location, otherwise a select with all locations. 
+* ([#133](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/133)) Add locations in Aside Activity. By default, suggest user location, otherwise a select with all locations.
-* ([#133](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/133)) Adapt Aside Activity exports: display location, filter by location, group by location 
+* ([#133](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/133)) Adapt Aside Activity exports: display location, filter by location, group by location
-* Use the CRUD controller for center entity + add the isActive property to be able to mask instances of Center that are no longer in use. 
+* Use the CRUD controller for center entity + add the isActive property to be able to mask instances of Center that are no longer in use.
 ### Fixed
-* ([#107](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/107)) reinstate the fusion of duplicate persons 
+* ([#107](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/107)) reinstate the fusion of duplicate persons
-* Missing translation in Work Actions exports 
+* Missing translation in Work Actions exports
-* Reimplement the mission type filter on tasks, only for instances that have a config parameter indicating true for this. 
+* Reimplement the mission type filter on tasks, only for instances that have a config parameter indicating true for this.
-* ([#135](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/135)) Corrects a typing error in 2 filters, which caused an 
+* ([#135](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/135)) Corrects a typing error in 2 filters, which caused an
 error when trying to reedit a saved export
 
- 
+
-* ([#136](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/136)) [household] when moving a person to a sharing position to a not-sharing position on the same household on the same date, remove the previous household membership on the same household. This fix duplicate member. 
+* ([#136](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/136)) [household] when moving a person to a sharing position to a not-sharing position on the same household on the same date, remove the previous household membership on the same household. This fix duplicate member.
 * Add missing translation for comment field placeholder in repositionning household editor.
- 
+
-* Do not send an email to creator twice when adding a comment to a notification 
+* Do not send an email to creator twice when adding a comment to a notification
-* ([#107](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/107)) Fix gestion doublon functionality to work with chill bundles v2 
+* ([#107](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/107)) Fix gestion doublon functionality to work with chill bundles v2
 ### UX
 * Uniformize badge-person in household banner (background, size)
- 
+
 
 ## v2.5.3 - 2023-07-20
 ### Fixed
-* ([#132](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/132)) Rendez-vous documents created would appear in all documents lists of all persons with an accompanying period. Or statements are now added to the where clause to filter out documents that come from unrelated accompanying period/ or person rendez-vous. 
+* ([#132](https://gitlab.com/Chill-Projet/chill-bundles/-/issues/132)) Rendez-vous documents created would appear in all documents lists of all persons with an accompanying period. Or statements are now added to the where clause to filter out documents that come from unrelated accompanying period/ or person rendez-vous.
 
 ## v2.5.2 - 2023-07-15
 ### Fixed
-* [Collate Address] when updating address point, do not use the point's address reference if the similarity is below the requirement for associating the address reference and the address (it uses the postcode's center instead) 
+* [Collate Address] when updating address point, do not use the point's address reference if the similarity is below the requirement for associating the address reference and the address (it uses the postcode's center instead)
 
 ## v2.5.1 - 2023-07-14
 ### Fixed
-* [collate addresses] block collating addresses to another address reference where the address reference is already the best match 
+* [collate addresses] block collating addresses to another address reference where the address reference is already the best match
 
 ## v2.5.0 - 2023-07-14
 ### Feature

CONVENTIONS-fr.md

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

composer.json

@@ -14,7 +14,7 @@
         "ext-openssl": "*",
         "ext-redis": "*",
         "ext-zlib": "*",
-        "champs-libres/wopi-bundle": "dev-master@dev",
+        "champs-libres/wopi-bundle": "dev-symfony-v5@dev",
         "champs-libres/wopi-lib": "dev-master@dev",
         "doctrine/data-fixtures": "^1.8",
         "doctrine/doctrine-bundle": "^2.1",
@@ -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

@@ -2,7 +2,6 @@
 
 return [
     Symfony\Bundle\FrameworkBundle\FrameworkBundle::class => ['all' => true],
-    loophp\PsrHttpMessageBridgeBundle\PsrHttpMessageBridgeBundle::class => ['all' => true],
     ChampsLibres\WopiBundle\WopiBundle::class => ['all' => true],
     Doctrine\Bundle\DoctrineBundle\DoctrineBundle::class => ['all' => true],
     Doctrine\Bundle\FixturesBundle\DoctrineFixturesBundle::class => ['dev' => true, 'test' => true],
@@ -35,7 +34,7 @@ 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],
+    loophp\PsrHttpMessageBridgeBundle\PsrHttpMessageBridgeBundle::class => ['all' => true],
 ];

config/packages/chill.yaml

@@ -1,6 +1,13 @@
 chill_main:
-    available_languages: [ '%env(resolve:LOCALE)%', 'en' ]
+    available_languages: [ '%env(resolve:LOCALE)%', 'en', 'nl' ]
     available_countries: ['BE', 'FR']
+    top_banner:
+        visible: false
+        text:
+            fr: 'Vous travaillez actuellement avec la version de PRÉ-PRODUCTION.'
+            nl: 'Je werkt momenteel in de PRE-PRODUCTIE versie'
+        color: '#353535'
+        background_color: '#d8bb48'
     notifications:
         from_email: '%env(resolve:NOTIFICATION_FROM_EMAIL)%'
         from_name: '%env(resolve:NOTIFICATION_FROM_NAME)%'

config/packages/chill_aside_activity.yaml

@@ -0,0 +1,2 @@
+chill_aside_activity:
+    show_concerned_persons_count: hidden

config/packages/chill_doc_store.yaml

@@ -1,5 +1,5 @@
 chill_doc_store:
-    use_driver: local_storage
+    use_driver: openstack
     local_storage:
         storage_path: '%kernel.project_dir%/var/storage'
     openstack:

config/packages/chill_ticket.yaml

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

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/_static/bundles/docStore/doc_store_classes.puml

@@ -23,8 +23,8 @@ class "Document" {
     - text description
     - ArrayCollection_DocumentCategory categories
     - varchar_150 content #link to openstack
-    - Center center
+    - Territoire territoire
-    - Cercle cercle
+    - Service service
     - User user
     - DateTime date # Creation date
 }

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
+TODO
-----------------------------------------
-
-.. 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",
-        }
-    }
-    }
 
 
-Register the bundle
+.. rubric:: Footnotes
--------------------
-
-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
 
+.. [#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.

docs/source/development/database-principles.rst

@@ -38,7 +38,7 @@ Certaines données sont historisées:
 
 - les référents d'un parcours;
 - les statuts d'un parcours;
-- la liaison entre les centres et les usagers;
+- la liaison entre les territoires et les usagers;
 - etc.
 
 Dans ces cas-là, Chill crée généralement deux colonnes, qui sont habituellement nommées :code:`startDate` et :code:`endDate`. Lorsque la colonne :code:`endDate` est à :code:`NULL`, cela signifie que la période n'est pas "fermée". La colonne :code:`startDate` n'est pas nullable.

docs/source/development/database/table_list.csv

@@ -1,6 +1,6 @@
 order,table_schema,table_name,commentaire
 1,chill_3party,party_category,Catégorie de tiers
-2,chill_3party,party_center,Association entre les tiers et les centres (déprécié)
+2,chill_3party,party_center,Association entre les tiers et les territoires (déprécié)
 3,chill_3party,party_profession,Profession du tiers (déprécié)
 4,chill_3party,third_party,Tiers
 5,chill_3party,thirdparty_category,association tiers - catégories
@@ -54,7 +54,7 @@ order,table_schema,table_name,commentaire
 53,public,activitytpresence,Présence aux échanges
 54,public,activitytype,Types d'échanges
 55,public,activitytypecategory,Catégories de types d'échanges
-56,public,centers,"Centres (territoires, agences, etc.)"
+56,public,centers,"Territoires (territoires, agences, etc.)"
 57,public,chill_activity_activity_chill_person_socialaction,
 58,public,chill_activity_activity_chill_person_socialissue
 59,public,chill_docgen_template,Gabarits de documents
@@ -111,7 +111,7 @@ order,table_schema,table_name,commentaire
 110,public,chill_person_marital_status,Etats civils
 111,public,chill_person_not_duplicate,
 112,public,chill_person_person,Usagers
-113,public,chill_person_person_center_history,Historique des centres d'un usagers
+113,public,chill_person_person_center_history,Historique des territoires d'un usagers
 114,public,chill_person_persons_to_addresses,Déprécié
 115,public,chill_person_phone,Numéros d etéléphone supplémentaires d'un usager
 116,public,chill_person_relations,Types de relations de filiation
@@ -142,7 +142,7 @@ order,table_schema,table_name,commentaire
 141,public,permission_groups
 142,public,permissionsgroup_rolescope
 143,public,persons_spoken_languages
-144,public,regroupment,Regroupement de centres
+144,public,regroupment,Regroupement de territoires
 145,public,regroupment_center,
 146,public,role_scopes,
 147,public,scopes,Services

package.json

@@ -55,6 +55,7 @@
     "@tsconfig/node20": "^20.1.4",
     "@types/dompurify": "^3.0.5",
     "@types/leaflet": "^1.9.3",
+    "@vueuse/core": "^13.9.0",
     "bootstrap-icons": "^1.11.3",
     "dropzone": "^5.7.6",
     "es6-promise": "^4.2.8",
@@ -79,12 +80,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>

resources/ticket_motives_import/README.md

@@ -1,8 +0,0 @@
-In this directory, you find an example of file for the command `chill:main:ticket_motives_import`.
-
-This file contains a list of ticket motives to import into the system. Each entry is a dictionary with two keys: `code` and `label`. The `code` key contains the unique code for the ticket motive, and the `label` key contains the human-readable label for the ticket motive.
-
-The `stored_objects` key contains the documents that will be associated with the tickets. They must be found in the same directory.
-
-The command `chill:main:ticket_motives_import` uses this file to import the specified ticket motives into the system.
-

resources/ticket_motives_import/motives.yaml

@@ -1,136 +0,0 @@
-- label:
-    fr: Appel famille pour annonce de décès
-  urgent: false
-  supplementary_informations:
-  - label:
-      fr: Date du décès
-  - label:
-      fr: lieu du décès (domicile ou hôpital)
-  - label:
-      fr: nom de l’hôpital
-  - label:
-      fr: service concerné
-  stored_objects:
-  - label:
-      fr: ☀️ De 07h à 21h
-    filename: 2_doc_20250402_Pelotons flux externes consolidés.pdf
-  - label:
-      fr: 🌙 De 21h à 07h du matin
-    filename: 3_doc_20250402_Pelotons flux externes consolidés.pdf
-  - label:
-      fr: 🗓️ Dimanches et jours fériés
-    filename: 4_doc_20250402_Pelotons flux externes consolidés.pdf
-- label:
-    fr: 'Appel famille pour annonce absence : hospitalisation ou consultation'
-  urgent: false
-  supplementary_informations:
-  - label:
-      fr: Quel hôpital
-  - label:
-      fr: quel service
-  - label:
-      fr: pour quelles raisons
-  - label:
-      fr: 'consultation : date et heure'
-  - label:
-      fr: hospitalisation complète ou HDJ
-  stored_objects:
-  - label:
-      fr: ☀️ De 07h à 21h
-    filename: 5_doc_20250402_Pelotons flux externes consolidés.pdf
-  - label:
-      fr: 🌙 De 21h à 07h du matin
-    filename: 6_doc_20250402_Pelotons flux externes consolidés.pdf
-  - label:
-      fr: 🗓️ Dimanches et jours fériés
-    filename: 7_doc_20250402_Pelotons flux externes consolidés.pdf
-- label:
-    fr: 'Appel famille pour annonce absence : interruption de prise en charge'
-  urgent: false
-  supplementary_informations:
-  - label:
-      fr: Pour quelles raisons ? Date
-  - label:
-      fr: durée
-  - label:
-      fr: accord médical ?
-  stored_objects:
-  - label:
-      fr: ☀️ De 07h à 21h
-    filename: 8_doc_20250402_Pelotons flux externes consolidés.pdf
-  - label:
-      fr: 🌙 De 21h à 07h du matin
-    filename: 9_doc_20250402_Pelotons flux externes consolidés.pdf
-  - label:
-      fr: 🗓️ Dimanches et jours fériés
-    filename: 10_doc_20250402_Pelotons flux externes consolidés.pdf
-- label:
-    fr: 'Appel famille pour annonce absence : changement d’adresse'
-  urgent: false
-  supplementary_informations:
-  - label:
-      fr: Où
-  - label:
-      fr: Pourquoi ? Pour combien de temps ? Besoin d’un relais des soins ? Nouvelle adresse ?
-  stored_objects:
-  - label:
-      fr: ☀️ De 07h à 21h
-    filename: 11_doc_20250402_Pelotons flux externes consolidés.pdf
-  - label:
-      fr: 🌙 De 21h à 07h du matin
-    filename: 12_doc_20250402_Pelotons flux externes consolidés.pdf
-  - label:
-      fr: 🗓️ Dimanches et jours fériés
-    filename: 13_doc_20250402_Pelotons flux externes consolidés.pdf
-- label:
-    fr: Appel famille pour altération de l’état général du patient
-  urgent: true
-  supplementary_informations:
-  - label:
-      fr: Recherche des symptômes
-  - label:
-      fr: Attentes par rapport à la demande
-  stored_objects:
-  - label:
-      fr: ☀️ De 07h à 21h
-    filename: 14_doc_20250402_Pelotons flux externes consolidés.pdf
-  - label:
-      fr: 🌙 De 21h à 07h du matin
-    filename: 15_doc_20250402_Pelotons flux externes consolidés.pdf
-  - label:
-      fr: 🗓️ Dimanches et jours fériés
-    filename: 16_doc_20250402_Pelotons flux externes consolidés.pdf
-- label:
-    fr: Appel famille pour prise en charge de la douleur
-  urgent: true
-  supplementary_informations:
-  - label:
-      fr: Localisation douleur
-  - label:
-      fr: Horaire dernier passage
-  - label:
-      fr: Traitements en cours
-  stored_objects:
-  - label:
-      fr: ☀️ De 07h à 21h
-    filename: 17_doc_20250402_Pelotons flux externes consolidés.pdf
-  - label:
-      fr: 🌙 De 21h à 07h du matin
-    filename: 18_doc_20250402_Pelotons flux externes consolidés.pdf
-  - label:
-      fr: 🗓️ Dimanches et jours fériés
-    filename: 19_doc_20250402_Pelotons flux externes consolidés.pdf
-- label:
-    fr: Appel famille pour information sur la date de prise en charge
-  urgent: false
-  supplementary_informations: []
-  stored_objects:
-  - label:
-      fr: ☀️ De 07h à 21h
-    filename: 20_doc_20250402_Pelotons flux externes consolidés.pdf
-  - label:
-      fr: 🌙 De 21h à 07h du matin
-    filename: 21_doc_20250402_Pelotons flux externes consolidés.pdf
-  - label:
-      fr: 🗓️ Dimanches et jours fériés
-    filename: 22_doc_20250402_Pelotons flux externes consolidés.pdf

resources/translation_override/README.md

@@ -1,6 +0,0 @@
-In this directory, you find an example of file for the command `chill:main:override_translation`.
-
-This file contains a list of translations to override in the translation catalogue. Each entry is a dictionary with two keys: `from` and `to`. The `from` key contains the original translation string, and the `to` key contains the replacement string.
-
-The command `chill:main:override_translation` uses this file to generate a new translation catalogue with the specified overrides applied.
-

resources/translation_override/overrides.yaml

@@ -1,8 +0,0 @@
-- {from: "de l'usager", to: "du patient"}
-- {from: "l'usager", to: "le patient"}
-- {from: "L'usager", to: "Le patient"}
-- {from: "d'usagers", to: "de patients"}
-- {from: "usagers", to: "patients"}
-- {from: "Usagers", to: "Patients"}
-- {from: "usager", to: "patient"}
-- {from: "Usager", to: "Patient"}

src/Bundle/ChillActivityBundle/Controller/ActivityController.php

@@ -382,6 +382,7 @@ final class ActivityController extends AbstractController
 
         $entity = new Activity();
         $entity->setUser($this->security->getUser());
+        $entity->addUser($this->security->getUser());
 
         if ($person instanceof Person) {
             $entity->setPerson($person);

src/Bundle/ChillActivityBundle/Export/Export/ListActivityHelper.php

@@ -66,6 +66,9 @@ class ListActivityHelper
             ->leftJoin('activity.location', 'location')
             ->addSelect('location.name AS locationName')
             ->addSelect('activity.sentReceived')
+            ->addSelect('activity.comment.comment AS commentText')
+            ->addSelect('activity.comment.date AS commentDate')
+            ->addSelect('JSON_BUILD_OBJECT(\'uid\', activity.comment.userId, \'d\', activity.comment.date) AS commentUser')
             ->addSelect('JSON_BUILD_OBJECT(\'uid\', IDENTITY(activity.createdBy), \'d\', activity.createdAt) AS createdBy')
             ->addSelect('activity.createdAt')
             ->addSelect('JSON_BUILD_OBJECT(\'uid\', IDENTITY(activity.updatedBy), \'d\', activity.updatedAt) AS updatedBy')
@@ -87,6 +90,8 @@ class ListActivityHelper
             'createdAt', 'updatedAt' => $this->dateTimeHelper->getLabel($key),
             'createdBy', 'updatedBy' => $this->userHelper->getLabel($key, $values, $key),
             'date' => $this->dateTimeHelper->getLabel(self::MSG_KEY.$key),
+            'commentDate' => $this->dateTimeHelper->getLabel(self::MSG_KEY.'comment_date'),
+            'commentUser' => $this->userHelper->getLabel($key, $values, self::MSG_KEY.'comment_user'),
             'attendeeName' => function ($value) {
                 if ('_header' === $value) {
                     return 'Attendee';
@@ -176,6 +181,9 @@ class ListActivityHelper
             'usersNames',
             'thirdPartiesIds',
             'thirdPartiesNames',
+            'commentText',
+            'commentDate',
+            'commentUser',
             'createdBy',
             'createdAt',
             'updatedBy',

src/Bundle/ChillActivityBundle/Export/Filter/PersonFilters/ActivityReasonFilter.php

@@ -90,7 +90,9 @@ class ActivityReasonFilter implements ExportElementValidatedInterface, FilterInt
 
     public function getFormDefaultData(): array
     {
-        return [];
+        return [
+            'reasons' => [],
+        ];
     }
 
     public function describeAction($data, ExportGenerationContext $context): string|\Symfony\Contracts\Translation\TranslatableInterface|array

src/Bundle/ChillActivityBundle/Export/Filter/PersonFilters/PersonHavingActivityBetweenDateFilter.php

@@ -42,6 +42,8 @@ final readonly class PersonHavingActivityBetweenDateFilter implements ExportElem
 
     public function alterQuery(QueryBuilder $qb, $data, ExportGenerationContext $exportGenerationContext): void
     {
+        error_log('alterQuery called with data: '.json_encode(array_keys($data)));
+
         // create a subquery for activity
         $sqb = $qb->getEntityManager()->createQueryBuilder();
         $sqb->select('1')
@@ -59,7 +61,6 @@ final readonly class PersonHavingActivityBetweenDateFilter implements ExportElem
         if (\in_array('activity', $qb->getAllAliases(), true)) {
             $sqb->andWhere('activity_person_having_activity.id = activity.id');
         }
-
         if (isset($data['reasons']) && [] !== $data['reasons']) {
             // add clause activity reason
             $sqb->join('activity_person_having_activity.reasons', 'reasons_person_having_activity');
@@ -124,12 +125,38 @@ final readonly class PersonHavingActivityBetweenDateFilter implements ExportElem
 
     public function normalizeFormData(array $formData): array
     {
-        return ['date_from_rolling' => $formData['date_from_rolling']->normalize(), 'date_to_rolling' => $formData['date_to_rolling']->normalize()];
+        $normalized = [
+            'date_from_rolling' => $formData['date_from_rolling']->normalize(),
+            'date_to_rolling' => $formData['date_to_rolling']->normalize(),
+            'reasons' => [],
+        ];
+
+        if (isset($formData['reasons']) && [] !== $formData['reasons']) {
+            $normalized['reasons'] = array_map(
+                fn (ActivityReason $reason) => $reason->getId(),
+                $formData['reasons']
+            );
+        }
+
+        return $normalized;
     }
 
     public function denormalizeFormData(array $formData, int $fromVersion): array
     {
-        return ['date_from_rolling' => RollingDate::fromNormalized($formData['date_from_rolling']), 'date_to_rolling' => RollingDate::fromNormalized($formData['date_to_rolling'])];
+        $denormalized = [
+            'date_from_rolling' => RollingDate::fromNormalized($formData['date_from_rolling']),
+            'date_to_rolling' => RollingDate::fromNormalized($formData['date_to_rolling']),
+            'reasons' => [],
+        ];
+
+        if (isset($formData['reasons']) && [] !== $formData['reasons']) {
+            $denormalized['reasons'] = array_map(
+                fn ($id) => $this->activityReasonRepository->find($id),
+                $formData['reasons']
+            );
+        }
+
+        return $denormalized;
     }
 
     public function getFormDefaultData(): array
@@ -143,10 +170,12 @@ final readonly class PersonHavingActivityBetweenDateFilter implements ExportElem
 
     public function describeAction($data, ExportGenerationContext $context): array
     {
+        $reasons = $data['reasons'] ?? [];
+
         return [
-            [] === $data['reasons'] ?
+            [] === $reasons ?
-                'export.filter.person_between_dates.describe_action_with_no_subject'
+                'export.filter.activity.describe_action_with_no_subject'
-                : 'export.filter.person_between_dates.describe_action_with_subject',
+                : 'export.filter.activity.describe_action_with_subject',
             [
                 'date_from' => $this->rollingDateConverter->convert($data['date_from_rolling']),
                 'date_to' => $this->rollingDateConverter->convert($data['date_to_rolling']),
@@ -154,7 +183,7 @@ final readonly class PersonHavingActivityBetweenDateFilter implements ExportElem
                     ', ',
                     array_map(
                         fn (ActivityReason $r): string => '"'.$this->translatableStringHelper->localize($r->getName()).'"',
-                        $data['reasons']
+                        $reasons
                     )
                 ),
             ],
@@ -168,6 +197,7 @@ final readonly class PersonHavingActivityBetweenDateFilter implements ExportElem
 
     public function validateForm($data, ExecutionContextInterface $context): void
     {
+        error_log('validateForm called with data: '.json_encode(array_keys($data)));
         if ($this->rollingDateConverter->convert($data['date_from_rolling'])
             >= $this->rollingDateConverter->convert($data['date_to_rolling'])) {
             $context->buildViolation('export.filter.activity.person_between_dates.date mismatch')

src/Bundle/ChillActivityBundle/Form/ActivityType.php

@@ -88,8 +88,8 @@ class ActivityType extends AbstractType
 
         if (null !== $options['data']->getPerson()) {
             $builder->add('scope', ScopePickerType::class, [
-                'center' => $options['center'],
                 'role' => ActivityVoter::CREATE === (string) $options['role'] ? ActivityVoter::CREATE_PERSON : (string) $options['role'],
+                'center' => $options['center'],
                 'required' => true,
             ]);
         }

src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/App.vue

@@ -1,7 +1,7 @@
 <template>
-  <concerned-groups v-if="hasPerson" />
+    <concerned-groups v-if="hasPerson" />
-  <social-issues-acc v-if="hasSocialIssues" />
+    <social-issues-acc v-if="hasSocialIssues" />
-  <location v-if="hasLocation" />
+    <location v-if="hasLocation" />
 </template>
 
 <script>
@@ -10,12 +10,12 @@ import SocialIssuesAcc from "./components/SocialIssuesAcc.vue";
 import Location from "./components/Location.vue";
 
 export default {
-  name: "App",
+    name: "App",
-  props: ["hasSocialIssues", "hasLocation", "hasPerson"],
+    props: ["hasSocialIssues", "hasLocation", "hasPerson"],
-  components: {
+    components: {
-    ConcernedGroups,
+        ConcernedGroups,
-    SocialIssuesAcc,
+        SocialIssuesAcc,
-    Location,
+        Location,
-  },
+    },
 };
 </script>

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

@@ -1,43 +1,46 @@
 <template>
-  <teleport to="#add-persons" v-if="isComponentVisible">
+    <teleport to="#add-persons" v-if="isComponentVisible">
-    <div class="flex-bloc concerned-groups" :class="getContext">
+        <div class="flex-bloc concerned-groups" :class="getContext">
-      <persons-bloc
+            <persons-bloc
-        v-for="bloc in contextPersonsBlocs"
+                v-for="bloc in contextPersonsBlocs"
-        :key="bloc.key"
+                :key="bloc.key"
-        :bloc="bloc"
+                :bloc="bloc"
-        :bloc-width="getBlocWidth"
+                :bloc-width="getBlocWidth"
-        :set-persons-in-bloc="setPersonsInBloc"
+                :set-persons-in-bloc="setPersonsInBloc"
-      />
+            />
-    </div>
+        </div>
-    <div
+        <div
-      v-if="getContext === 'accompanyingCourse' && suggestedEntities.length > 0"
+            v-if="
-    >
+                getContext === 'accompanyingCourse' &&
-      <ul class="list-suggest add-items inline">
+                suggestedEntities.length > 0
-        <li
+            "
-          v-for="(p, i) in suggestedEntities"
-          @click="addSuggestedEntity(p)"
-          :key="`suggestedEntities-${i}`"
         >
-          <person-text v-if="p.type === 'person'" :person="p" />
+            <ul class="list-suggest add-items inline">
-          <span v-else>{{ p.text }}</span>
+                <li
-        </li>
+                    v-for="(p, i) in suggestedEntities"
-      </ul>
+                    @click="addSuggestedEntity(p)"
-    </div>
+                    :key="`suggestedEntities-${i}`"
+                >
+                    <person-text v-if="p.type === 'person'" :person="p" />
+                    <span v-else>{{ p.text }}</span>
+                </li>
+            </ul>
+        </div>
 
-    <ul class="record_actions">
+        <ul class="record_actions">
-      <li class="add-persons">
+            <li class="add-persons">
-        <add-persons
+                <add-persons
-          :buttonTitle="trans(ACTIVITY_ADD_PERSONS)"
+                    :buttonTitle="trans(ACTIVITY_ADD_PERSONS)"
-          :modalTitle="trans(ACTIVITY_ADD_PERSONS)"
+                    :modalTitle="trans(ACTIVITY_ADD_PERSONS)"
-          v-bind:key="addPersons.key"
+                    v-bind:key="addPersons.key"
-          v-bind:options="addPersonsOptions"
+                    v-bind:options="addPersonsOptions"
-          @addNewPersons="addNewPersons"
+                    @addNewPersons="addNewPersons"
-          ref="addPersons"
+                    ref="addPersons"
-        >
+                >
-        </add-persons>
+                </add-persons>
-      </li>
+            </li>
-    </ul>
+        </ul>
-  </teleport>
+    </teleport>
 </template>
 
 <script>
@@ -46,208 +49,208 @@ import AddPersons from "ChillPersonAssets/vuejs/_components/AddPersons.vue";
 import PersonsBloc from "./ConcernedGroups/PersonsBloc.vue";
 import PersonText from "ChillPersonAssets/vuejs/_components/Entity/PersonText.vue";
 import {
-  ACTIVITY_BLOC_PERSONS,
+    ACTIVITY_BLOC_PERSONS,
-  ACTIVITY_BLOC_PERSONS_ASSOCIATED,
+    ACTIVITY_BLOC_PERSONS_ASSOCIATED,
-  ACTIVITY_BLOC_THIRDPARTY,
+    ACTIVITY_BLOC_THIRDPARTY,
-  ACTIVITY_BLOC_USERS,
+    ACTIVITY_BLOC_USERS,
-  ACTIVITY_ADD_PERSONS,
+    ACTIVITY_ADD_PERSONS,
-  trans,
+    trans,
 } from "translator";
 
 export default {
-  name: "ConcernedGroups",
+    name: "ConcernedGroups",
-  components: {
+    components: {
-    AddPersons,
+        AddPersons,
-    PersonsBloc,
+        PersonsBloc,
-    PersonText,
+        PersonText,
-  },
+    },
-  setup() {
+    setup() {
-    return {
+        return {
-      trans,
+            trans,
-      ACTIVITY_ADD_PERSONS,
+            ACTIVITY_ADD_PERSONS,
-    };
+        };
-  },
+    },
-  data() {
+    data() {
-    return {
+        return {
-      personsBlocs: [
+            personsBlocs: [
-        {
+                {
-          key: "persons",
+                    key: "persons",
-          title: trans(ACTIVITY_BLOC_PERSONS),
+                    title: trans(ACTIVITY_BLOC_PERSONS),
-          persons: [],
+                    persons: [],
-          included: false,
+                    included: false,
+                },
+                {
+                    key: "personsAssociated",
+                    title: trans(ACTIVITY_BLOC_PERSONS_ASSOCIATED),
+                    persons: [],
+                    included: window.activity
+                        ? window.activity.activityType.personsVisible !== 0
+                        : true,
+                },
+                {
+                    key: "personsNotAssociated",
+                    title: "activity.bloc_persons_not_associated",
+                    persons: [],
+                    included: window.activity
+                        ? window.activity.activityType.personsVisible !== 0
+                        : true,
+                },
+                {
+                    key: "thirdparty",
+                    title: trans(ACTIVITY_BLOC_THIRDPARTY),
+                    persons: [],
+                    included: window.activity
+                        ? window.activity.activityType.thirdPartiesVisible !== 0
+                        : true,
+                },
+                {
+                    key: "users",
+                    title: trans(ACTIVITY_BLOC_USERS),
+                    persons: [],
+                    included: window.activity
+                        ? window.activity.activityType.usersVisible !== 0
+                        : true,
+                },
+            ],
+            addPersons: {
+                key: "activity",
+            },
+        };
+    },
+    computed: {
+        isComponentVisible() {
+            return window.activity
+                ? window.activity.activityType.personsVisible !== 0 ||
+                      window.activity.activityType.thirdPartiesVisible !== 0 ||
+                      window.activity.activityType.usersVisible !== 0
+                : true;
         },
-        {
+        ...mapState({
-          key: "personsAssociated",
+            persons: (state) => state.activity.persons,
-          title: trans(ACTIVITY_BLOC_PERSONS_ASSOCIATED),
+            thirdParties: (state) => state.activity.thirdParties,
-          persons: [],
+            users: (state) => state.activity.users,
-          included: window.activity
+            accompanyingCourse: (state) => state.activity.accompanyingPeriod,
-            ? window.activity.activityType.personsVisible !== 0
+        }),
-            : true,
+        ...mapGetters(["suggestedEntities"]),
+        getContext() {
+            return this.accompanyingCourse ? "accompanyingCourse" : "person";
         },
-        {
+        contextPersonsBlocs() {
-          key: "personsNotAssociated",
+            return this.personsBlocs.filter((bloc) => bloc.included !== false);
-          title: "activity.bloc_persons_not_associated",
-          persons: [],
-          included: window.activity
-            ? window.activity.activityType.personsVisible !== 0
-            : true,
         },
-        {
+        addPersonsOptions() {
-          key: "thirdparty",
+            let optionsType = [];
-          title: trans(ACTIVITY_BLOC_THIRDPARTY),
+            if (window.activity) {
-          persons: [],
+                if (window.activity.activityType.personsVisible !== 0) {
-          included: window.activity
+                    optionsType.push("person");
-            ? window.activity.activityType.thirdPartiesVisible !== 0
+                }
-            : true,
+                if (window.activity.activityType.thirdPartiesVisible !== 0) {
+                    optionsType.push("thirdparty");
+                }
+                if (window.activity.activityType.usersVisible !== 0) {
+                    optionsType.push("user");
+                }
+            } else {
+                optionsType = ["person", "thirdparty", "user"];
+            }
+            return {
+                type: optionsType,
+                priority: null,
+                uniq: false,
+                button: {
+                    size: "btn-sm",
+                },
+            };
         },
-        {
+        getBlocWidth() {
-          key: "users",
+            return Math.round(100 / this.contextPersonsBlocs.length) + "%";
-          title: trans(ACTIVITY_BLOC_USERS),
-          persons: [],
-          included: window.activity
-            ? window.activity.activityType.usersVisible !== 0
-            : true,
         },
-      ],
-      addPersons: {
-        key: "activity",
-      },
-    };
-  },
-  computed: {
-    isComponentVisible() {
-      return window.activity
-        ? window.activity.activityType.personsVisible !== 0 ||
-            window.activity.activityType.thirdPartiesVisible !== 0 ||
-            window.activity.activityType.usersVisible !== 0
-        : true;
     },
-    ...mapState({
+    mounted() {
-      persons: (state) => state.activity.persons,
+        this.setPersonsInBloc();
-      thirdParties: (state) => state.activity.thirdParties,
-      users: (state) => state.activity.users,
-      accompanyingCourse: (state) => state.activity.accompanyingPeriod,
-    }),
-    ...mapGetters(["suggestedEntities"]),
-    getContext() {
-      return this.accompanyingCourse ? "accompanyingCourse" : "person";
     },
-    contextPersonsBlocs() {
+    methods: {
-      return this.personsBlocs.filter((bloc) => bloc.included !== false);
+        setPersonsInBloc() {
-    },
+            let groups;
-    addPersonsOptions() {
+            if (this.accompanyingCourse) {
-      let optionsType = [];
+                groups = this.splitPersonsInGroups();
-      if (window.activity) {
+            }
-        if (window.activity.activityType.personsVisible !== 0) {
+            this.personsBlocs.forEach((bloc) => {
-          optionsType.push("person");
+                if (this.accompanyingCourse) {
-        }
+                    switch (bloc.key) {
-        if (window.activity.activityType.thirdPartiesVisible !== 0) {
+                        case "personsAssociated":
-          optionsType.push("thirdparty");
+                            bloc.persons = groups.personsAssociated;
-        }
+                            bloc.included = true;
-        if (window.activity.activityType.usersVisible !== 0) {
+                            break;
-          optionsType.push("user");
+                        case "personsNotAssociated":
-        }
+                            bloc.persons = groups.personsNotAssociated;
-      } else {
+                            bloc.included = true;
-        optionsType = ["person", "thirdparty", "user"];
+                            break;
-      }
+                    }
-      return {
+                } else {
-        type: optionsType,
+                    switch (bloc.key) {
-        priority: null,
+                        case "persons":
-        uniq: false,
+                            bloc.persons = this.persons;
-        button: {
+                            bloc.included = true;
-          size: "btn-sm",
+                            break;
+                    }
+                }
+                switch (bloc.key) {
+                    case "thirdparty":
+                        bloc.persons = this.thirdParties;
+                        break;
+                    case "users":
+                        bloc.persons = this.users;
+                        break;
+                }
+            }, groups);
+        },
+        splitPersonsInGroups() {
+            let personsAssociated = [];
+            let personsNotAssociated = this.persons;
+            let participations = this.getCourseParticipations();
+            this.persons.forEach((person) => {
+                participations.forEach((participation) => {
+                    if (person.id === participation.id) {
+                        //console.log(person.id);
+                        personsAssociated.push(person);
+                        personsNotAssociated = personsNotAssociated.filter(
+                            (p) => p !== person,
+                        );
+                    }
+                });
+            });
+            return {
+                personsAssociated: personsAssociated,
+                personsNotAssociated: personsNotAssociated,
+            };
+        },
+        getCourseParticipations() {
+            let participations = [];
+            this.accompanyingCourse.participations.forEach((participation) => {
+                if (!participation.endDate) {
+                    participations.push(participation.person);
+                }
+            });
+            return participations;
+        },
+        addNewPersons({ selected, modal }) {
+            console.log("@@@ CLICK button addNewPersons", selected);
+            selected.forEach((item) => {
+                this.$store.dispatch("addPersonsInvolved", item);
+            }, this);
+            this.$refs.addPersons.resetSearch(); // to cast child method
+            modal.showModal = false;
+            this.setPersonsInBloc();
+        },
+        addSuggestedEntity(person) {
+            this.$store.dispatch("addPersonsInvolved", {
+                result: person,
+                type: "person",
+            });
+            this.setPersonsInBloc();
         },
-      };
     },
-    getBlocWidth() {
-      return Math.round(100 / this.contextPersonsBlocs.length) + "%";
-    },
-  },
-  mounted() {
-    this.setPersonsInBloc();
-  },
-  methods: {
-    setPersonsInBloc() {
-      let groups;
-      if (this.accompanyingCourse) {
-        groups = this.splitPersonsInGroups();
-      }
-      this.personsBlocs.forEach((bloc) => {
-        if (this.accompanyingCourse) {
-          switch (bloc.key) {
-            case "personsAssociated":
-              bloc.persons = groups.personsAssociated;
-              bloc.included = true;
-              break;
-            case "personsNotAssociated":
-              bloc.persons = groups.personsNotAssociated;
-              bloc.included = true;
-              break;
-          }
-        } else {
-          switch (bloc.key) {
-            case "persons":
-              bloc.persons = this.persons;
-              bloc.included = true;
-              break;
-          }
-        }
-        switch (bloc.key) {
-          case "thirdparty":
-            bloc.persons = this.thirdParties;
-            break;
-          case "users":
-            bloc.persons = this.users;
-            break;
-        }
-      }, groups);
-    },
-    splitPersonsInGroups() {
-      let personsAssociated = [];
-      let personsNotAssociated = this.persons;
-      let participations = this.getCourseParticipations();
-      this.persons.forEach((person) => {
-        participations.forEach((participation) => {
-          if (person.id === participation.id) {
-            //console.log(person.id);
-            personsAssociated.push(person);
-            personsNotAssociated = personsNotAssociated.filter(
-              (p) => p !== person,
-            );
-          }
-        });
-      });
-      return {
-        personsAssociated: personsAssociated,
-        personsNotAssociated: personsNotAssociated,
-      };
-    },
-    getCourseParticipations() {
-      let participations = [];
-      this.accompanyingCourse.participations.forEach((participation) => {
-        if (!participation.endDate) {
-          participations.push(participation.person);
-        }
-      });
-      return participations;
-    },
-    addNewPersons({ selected, modal }) {
-      console.log("@@@ CLICK button addNewPersons", selected);
-      selected.forEach((item) => {
-        this.$store.dispatch("addPersonsInvolved", item);
-      }, this);
-      this.$refs.addPersons.resetSearch(); // to cast child method
-      modal.showModal = false;
-      this.setPersonsInBloc();
-    },
-    addSuggestedEntity(person) {
-      this.$store.dispatch("addPersonsInvolved", {
-        result: person,
-        type: "person",
-      });
-      this.setPersonsInBloc();
-    },
-  },
 };
 </script>
 

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

@@ -1,29 +1,29 @@
 <template>
-  <li>
+    <li>
-    <span :title="person.text" @click.prevent="$emit('remove', person)">
+        <span :title="person.text" @click.prevent="$emit('remove', person)">
-      <span class="chill_denomination">
+            <span class="chill_denomination">
-        <person-text :person="person" :is-cut="true" />
+                <person-text :person="person" :is-cut="true" />
-      </span>
+            </span>
-    </span>
+        </span>
-  </li>
+    </li>
 </template>
 
 <script>
 import PersonText from "ChillPersonAssets/vuejs/_components/Entity/PersonText.vue";
 
 export default {
-  name: "PersonBadge",
+    name: "PersonBadge",
-  props: ["person"],
+    props: ["person"],
-  components: {
+    components: {
-    PersonText,
+        PersonText,
-  },
+    },
-  // computed: {
+    // computed: {
-  //    textCutted() {
+    //    textCutted() {
-  //       let more = (this.person.text.length > 15) ?'…' : '';
+    //       let more = (this.person.text.length > 15) ?'…' : '';
-  //       return this.person.text.slice(0,15) + more;
+    //       return this.person.text.slice(0,15) + more;
-  //    }
+    //    }
-  // },
+    // },
-  emits: ["remove"],
+    emits: ["remove"],
 };
 </script>
 

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

@@ -1,38 +1,38 @@
 <template>
-  <div class="item-bloc" :style="{ 'flex-basis': blocWidth }">
+    <div class="item-bloc" :style="{ 'flex-basis': blocWidth }">
-    <div class="item-row">
+        <div class="item-row">
-      <div class="item-col">
+            <div class="item-col">
-        <h4>{{ $t(bloc.title) }}</h4>
+                <h4>{{ $t(bloc.title) }}</h4>
-      </div>
+            </div>
-      <div class="item-col">
+            <div class="item-col">
-        <ul class="list-suggest remove-items">
+                <ul class="list-suggest remove-items">
-          <person-badge
+                    <person-badge
-            v-for="person in bloc.persons"
+                        v-for="person in bloc.persons"
-            :key="person.id"
+                        :key="person.id"
-            :person="person"
+                        :person="person"
-            @remove="removePerson"
+                        @remove="removePerson"
-          />
+                    />
-        </ul>
+                </ul>
-      </div>
+            </div>
+        </div>
     </div>
-  </div>
 </template>
 
 <script>
 import PersonBadge from "./PersonBadge.vue";
 export default {
-  name: "PersonsBloc",
+    name: "PersonsBloc",
-  components: {
+    components: {
-    PersonBadge,
+        PersonBadge,
-  },
+    },
-  props: ["bloc", "setPersonsInBloc", "blocWidth"],
+    props: ["bloc", "setPersonsInBloc", "blocWidth"],
-  methods: {
+    methods: {
-    removePerson(item) {
+        removePerson(item) {
-      console.log("@@ CLICK remove person: item", item);
+            console.log("@@ CLICK remove person: item", item);
-      this.$store.dispatch("removePersonInvolved", item);
+            this.$store.dispatch("removePersonInvolved", item);
-      this.setPersonsInBloc();
+            this.setPersonsInBloc();
+        },
     },
-  },
 };
 </script>
 

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

@@ -1,32 +1,32 @@
 <template>
-  <teleport to="#location">
+    <teleport to="#location">
-    <div class="mb-3 row">
+        <div class="mb-3 row">
-      <label :class="locationClassList">
+            <label :class="locationClassList">
-        {{ trans(ACTIVITY_LOCATION) }}
+                {{ trans(ACTIVITY_LOCATION) }}
-      </label>
+            </label>
-      <div class="col-sm-8">
+            <div class="col-sm-8">
-        <VueMultiselect
+                <VueMultiselect
-          name="selectLocation"
+                    name="selectLocation"
-          id="selectLocation"
+                    id="selectLocation"
-          label="name"
+                    label="name"
-          track-by="id"
+                    track-by="id"
-          open-direction="top"
+                    open-direction="top"
-          :multiple="false"
+                    :multiple="false"
-          :searchable="true"
+                    :searchable="true"
-          :placeholder="trans(ACTIVITY_CHOOSE_LOCATION)"
+                    :placeholder="trans(ACTIVITY_CHOOSE_LOCATION)"
-          :custom-label="customLabel"
+                    :custom-label="customLabel"
-          :select-label="trans(MULTISELECT_SELECT_LABEL)"
+                    :select-label="trans(MULTISELECT_SELECT_LABEL)"
-          :deselect-label="trans(MULTISELECT_DESELECT_LABEL)"
+                    :deselect-label="trans(MULTISELECT_DESELECT_LABEL)"
-          :selected-label="trans(MULTISELECT_SELECTED_LABEL)"
+                    :selected-label="trans(MULTISELECT_SELECTED_LABEL)"
-          :options="availableLocations"
+                    :options="availableLocations"
-          group-values="locations"
+                    group-values="locations"
-          group-label="locationGroup"
+                    group-label="locationGroup"
-          v-model="location"
+                    v-model="location"
-        />
+                />
-        <new-location v-bind:available-locations="availableLocations" />
+                <new-location v-bind:available-locations="availableLocations" />
-      </div>
+            </div>
-    </div>
+        </div>
-  </teleport>
+    </teleport>
 </template>
 
 <script>
@@ -35,60 +35,60 @@ import VueMultiselect from "vue-multiselect";
 import NewLocation from "./Location/NewLocation.vue";
 import { localizeString } from "ChillMainAssets/lib/localizationHelper/localizationHelper";
 import {
-  trans,
+    trans,
-  ACTIVITY_LOCATION,
+    ACTIVITY_LOCATION,
-  ACTIVITY_CHOOSE_LOCATION,
+    ACTIVITY_CHOOSE_LOCATION,
-  MULTISELECT_SELECT_LABEL,
+    MULTISELECT_SELECT_LABEL,
-  MULTISELECT_DESELECT_LABEL,
+    MULTISELECT_DESELECT_LABEL,
-  MULTISELECT_SELECTED_LABEL,
+    MULTISELECT_SELECTED_LABEL,
 } from "translator";
 
 export default {
-  name: "Location",
+    name: "Location",
-  components: {
+    components: {
-    NewLocation,
+        NewLocation,
-    VueMultiselect,
+        VueMultiselect,
-  },
-  setup() {
-    return {
-      trans,
-      ACTIVITY_LOCATION,
-      ACTIVITY_CHOOSE_LOCATION,
-      MULTISELECT_SELECT_LABEL,
-      MULTISELECT_DESELECT_LABEL,
-      MULTISELECT_SELECTED_LABEL,
-    };
-  },
-  data() {
-    return {
-      locationClassList: `col-form-label col-sm-4 ${document.querySelector("input#chill_activitybundle_activity_location").getAttribute("required") ? "required" : ""}`,
-    };
-  },
-  computed: {
-    ...mapState(["activity", "availableLocations"]),
-    ...mapGetters(["suggestedEntities"]),
-    location: {
-      get() {
-        return this.activity.location;
-      },
-      set(value) {
-        this.$store.dispatch("updateLocation", value);
-      },
     },
-  },
+    setup() {
-  methods: {
+        return {
-    labelAccompanyingCourseLocation(value) {
+            trans,
-      return `${value.address.text} (${localizeString(value.locationType.title)})`;
+            ACTIVITY_LOCATION,
+            ACTIVITY_CHOOSE_LOCATION,
+            MULTISELECT_SELECT_LABEL,
+            MULTISELECT_DESELECT_LABEL,
+            MULTISELECT_SELECTED_LABEL,
+        };
     },
-    customLabel(value) {
+    data() {
-      return value.locationType
+        return {
-        ? value.name
+            locationClassList: `col-form-label col-sm-4 ${document.querySelector("input#chill_activitybundle_activity_location").getAttribute("required") ? "required" : ""}`,
-          ? value.name === "__AccompanyingCourseLocation__"
+        };
-            ? this.labelAccompanyingCourseLocation(value)
+    },
-            : `${value.name} (${localizeString(value.locationType.title)})`
+    computed: {
-          : localizeString(value.locationType.title)
+        ...mapState(["activity", "availableLocations"]),
-        : "";
+        ...mapGetters(["suggestedEntities"]),
+        location: {
+            get() {
+                return this.activity.location;
+            },
+            set(value) {
+                this.$store.dispatch("updateLocation", value);
+            },
+        },
+    },
+    methods: {
+        labelAccompanyingCourseLocation(value) {
+            return `${value.address.text} (${localizeString(value.locationType.title)})`;
+        },
+        customLabel(value) {
+            return value.locationType
+                ? value.name
+                    ? value.name === "__AccompanyingCourseLocation__"
+                        ? this.labelAccompanyingCourseLocation(value)
+                        : `${value.name} (${localizeString(value.locationType.title)})`
+                    : localizeString(value.locationType.title)
+                : "";
+        },
     },
-  },
 };
 </script>

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

@@ -1,114 +1,123 @@
 <template>
-  <div>
+    <div>
-    <ul class="record_actions">
+        <ul class="record_actions">
-      <li>
+            <li>
-        <a class="btn btn-sm btn-create" @click="openModal">
+                <a class="btn btn-sm btn-create" @click="openModal">
-          {{ trans(ACTIVITY_CREATE_NEW_LOCATION) }}
+                    {{ trans(ACTIVITY_CREATE_NEW_LOCATION) }}
-        </a>
+                </a>
-      </li>
+            </li>
-    </ul>
+        </ul>
 
-    <teleport to="body">
+        <teleport to="body">
-      <modal
+            <modal
-        v-if="modal.showModal"
+                v-if="modal.showModal"
-        :modalDialogClass="modal.modalDialogClass"
+                :modalDialogClass="modal.modalDialogClass"
-        @close="modal.showModal = false"
+                @close="modal.showModal = false"
-      >
+            >
-        <template #header>
+                <template #header>
-          <h3 class="modal-title">
+                    <h3 class="modal-title">
-            {{ trans(ACTIVITY_CREATE_NEW_LOCATION) }}
+                        {{ trans(ACTIVITY_CREATE_NEW_LOCATION) }}
-          </h3>
+                    </h3>
-        </template>
+                </template>
-        <template #body>
+                <template #body>
-          <form>
+                    <form>
-            <div class="alert alert-warning" v-if="errors.length">
+                        <div class="alert alert-warning" v-if="errors.length">
-              <ul>
+                            <ul>
-                <li v-for="(e, i) in errors" :key="i">
+                                <li v-for="(e, i) in errors" :key="i">
-                  {{ e }}
+                                    {{ e }}
-                </li>
+                                </li>
-              </ul>
+                            </ul>
-            </div>
+                        </div>
 
-            <div class="form-floating mb-3">
+                        <div class="form-floating mb-3">
-              <select
+                            <select
-                class="form-select form-select-lg"
+                                class="form-select form-select-lg"
-                id="type"
+                                id="type"
-                required
+                                required
-                v-model="selectType"
+                                v-model="selectType"
-              >
+                            >
-                <option selected disabled value="">
+                                <option selected disabled value="">
-                  {{ trans(ACTIVITY_CHOOSE_LOCATION_TYPE) }}
+                                    {{ trans(ACTIVITY_CHOOSE_LOCATION_TYPE) }}
-                </option>
+                                </option>
-                <option v-for="t in locationTypes" :value="t" :key="t.id">
+                                <option
-                  {{ localizeString(t.title) }}
+                                    v-for="t in locationTypes"
-                </option>
+                                    :value="t"
-              </select>
+                                    :key="t.id"
-              <label>{{ trans(ACTIVITY_LOCATION_FIELDS_TYPE) }}</label>
+                                >
-            </div>
+                                    {{ localizeString(t.title) }}
+                                </option>
+                            </select>
+                            <label>{{
+                                trans(ACTIVITY_LOCATION_FIELDS_TYPE)
+                            }}</label>
+                        </div>
 
-            <div class="form-floating mb-3">
+                        <div class="form-floating mb-3">
-              <input
+                            <input
-                class="form-control form-control-lg"
+                                class="form-control form-control-lg"
-                id="name"
+                                id="name"
-                v-model="inputName"
+                                v-model="inputName"
-                placeholder
+                                placeholder
-              />
+                            />
-              <label for="name">{{
+                            <label for="name">{{
-                trans(ACTIVITY_LOCATION_FIELDS_NAME)
+                                trans(ACTIVITY_LOCATION_FIELDS_NAME)
-              }}</label>
+                            }}</label>
-            </div>
+                        </div>
 
-            <add-address
+                        <add-address
-              :context="addAddress.context"
+                            :context="addAddress.context"
-              :options="addAddress.options"
+                            :options="addAddress.options"
-              :addressChangedCallback="submitNewAddress"
+                            :addressChangedCallback="submitNewAddress"
-              v-if="showAddAddress"
+                            v-if="showAddAddress"
-              ref="addAddress"
+                            ref="addAddress"
-            />
+                        />
 
-            <div class="form-floating mb-3" v-if="showContactData">
+                        <div class="form-floating mb-3" v-if="showContactData">
-              <input
+                            <input
-                class="form-control form-control-lg"
+                                class="form-control form-control-lg"
-                id="phonenumber1"
+                                id="phonenumber1"
-                v-model="inputPhonenumber1"
+                                v-model="inputPhonenumber1"
-                placeholder
+                                placeholder
-              />
+                            />
-              <label for="phonenumber1">{{
+                            <label for="phonenumber1">{{
-                trans(ACTIVITY_LOCATION_FIELDS_PHONENUMBER1)
+                                trans(ACTIVITY_LOCATION_FIELDS_PHONENUMBER1)
-              }}</label>
+                            }}</label>
-            </div>
+                        </div>
-            <div class="form-floating mb-3" v-if="hasPhonenumber1">
+                        <div class="form-floating mb-3" v-if="hasPhonenumber1">
-              <input
+                            <input
-                class="form-control form-control-lg"
+                                class="form-control form-control-lg"
-                id="phonenumber2"
+                                id="phonenumber2"
-                v-model="inputPhonenumber2"
+                                v-model="inputPhonenumber2"
-                placeholder
+                                placeholder
-              />
+                            />
-              <label for="phonenumber2">{{
+                            <label for="phonenumber2">{{
-                trans(ACTIVITY_LOCATION_FIELDS_PHONENUMBER2)
+                                trans(ACTIVITY_LOCATION_FIELDS_PHONENUMBER2)
-              }}</label>
+                            }}</label>
-            </div>
+                        </div>
-            <div class="form-floating mb-3" v-if="showContactData">
+                        <div class="form-floating mb-3" v-if="showContactData">
-              <input
+                            <input
-                class="form-control form-control-lg"
+                                class="form-control form-control-lg"
-                id="email"
+                                id="email"
-                v-model="inputEmail"
+                                v-model="inputEmail"
-                placeholder
+                                placeholder
-              />
+                            />
-              <label for="email">{{
+                            <label for="email">{{
-                trans(ACTIVITY_LOCATION_FIELDS_EMAIL)
+                                trans(ACTIVITY_LOCATION_FIELDS_EMAIL)
-              }}</label>
+                            }}</label>
-            </div>
+                        </div>
-          </form>
+                    </form>
-        </template>
+                </template>
-        <template #footer>
+                <template #footer>
-          <button class="btn btn-save" @click.prevent="saveNewLocation">
+                    <button
-            {{ trans(SAVE) }}
+                        class="btn btn-save"
-          </button>
+                        @click.prevent="saveNewLocation"
-        </template>
+                    >
-      </modal>
+                        {{ trans(SAVE) }}
-    </teleport>
+                    </button>
-  </div>
+                </template>
+            </modal>
+        </teleport>
+    </div>
 </template>
 
 <script>
@@ -119,236 +128,237 @@ import { getLocationTypes } from "../../api";
 import { makeFetch } from "ChillMainAssets/lib/api/apiMethods";
 import { localizeString } from "ChillMainAssets/lib/localizationHelper/localizationHelper";
 import {
-  SAVE,
+    SAVE,
-  ACTIVITY_LOCATION_FIELDS_EMAIL,
+    ACTIVITY_LOCATION_FIELDS_EMAIL,
-  ACTIVITY_LOCATION_FIELDS_PHONENUMBER1,
+    ACTIVITY_LOCATION_FIELDS_PHONENUMBER1,
-  ACTIVITY_LOCATION_FIELDS_PHONENUMBER2,
+    ACTIVITY_LOCATION_FIELDS_PHONENUMBER2,
-  ACTIVITY_LOCATION_FIELDS_NAME,
+    ACTIVITY_LOCATION_FIELDS_NAME,
-  ACTIVITY_LOCATION_FIELDS_TYPE,
+    ACTIVITY_LOCATION_FIELDS_TYPE,
-  ACTIVITY_CHOOSE_LOCATION_TYPE,
+    ACTIVITY_CHOOSE_LOCATION_TYPE,
-  ACTIVITY_CREATE_NEW_LOCATION,
+    ACTIVITY_CREATE_NEW_LOCATION,
-  trans,
+    trans,
 } from "translator";
 
 export default {
-  name: "NewLocation",
+    name: "NewLocation",
-  components: {
+    components: {
-    Modal,
+        Modal,
-    AddAddress,
+        AddAddress,
-  },
-  setup() {
-    return {
-      trans,
-      SAVE,
-      ACTIVITY_LOCATION_FIELDS_EMAIL,
-      ACTIVITY_LOCATION_FIELDS_PHONENUMBER1,
-      ACTIVITY_LOCATION_FIELDS_PHONENUMBER2,
-      ACTIVITY_LOCATION_FIELDS_NAME,
-      ACTIVITY_LOCATION_FIELDS_TYPE,
-      ACTIVITY_CHOOSE_LOCATION_TYPE,
-      ACTIVITY_CREATE_NEW_LOCATION,
-    };
-  },
-  props: ["availableLocations"],
-  data() {
-    return {
-      errors: [],
-      selected: {
-        type: null,
-        name: null,
-        addressId: null,
-        phonenumber1: null,
-        phonenumber2: null,
-        email: null,
-      },
-      locationTypes: [],
-      modal: {
-        showModal: false,
-        modalDialogClass: "modal-dialog-scrollable modal-xl",
-      },
-      addAddress: {
-        options: {
-          button: {
-            text: {
-              create: "activity.create_address",
-              edit: "activity.edit_address",
-            },
-            size: "btn-sm",
-          },
-          title: {
-            create: "activity.create_address",
-            edit: "activity.edit_address",
-          },
-        },
-        context: {
-          target: {
-            //name, id
-          },
-          edit: false,
-          addressId: null,
-          defaults: window.addaddress,
-        },
-      },
-    };
-  },
-  computed: {
-    ...mapState(["activity"]),
-    selectType: {
-      get() {
-        return this.selected.type;
-      },
-      set(value) {
-        this.selected.type = value;
-      },
     },
-    inputName: {
+    setup() {
-      get() {
+        return {
-        return this.selected.name;
+            trans,
-      },
+            SAVE,
-      set(value) {
+            ACTIVITY_LOCATION_FIELDS_EMAIL,
-        this.selected.name = value;
+            ACTIVITY_LOCATION_FIELDS_PHONENUMBER1,
-      },
+            ACTIVITY_LOCATION_FIELDS_PHONENUMBER2,
-    },
+            ACTIVITY_LOCATION_FIELDS_NAME,
-    inputEmail: {
+            ACTIVITY_LOCATION_FIELDS_TYPE,
-      get() {
+            ACTIVITY_CHOOSE_LOCATION_TYPE,
-        return this.selected.email;
+            ACTIVITY_CREATE_NEW_LOCATION,
-      },
-      set(value) {
-        this.selected.email = value;
-      },
-    },
-    inputPhonenumber1: {
-      get() {
-        return this.selected.phonenumber1;
-      },
-      set(value) {
-        this.selected.phonenumber1 = value;
-      },
-    },
-    inputPhonenumber2: {
-      get() {
-        return this.selected.phonenumber2;
-      },
-      set(value) {
-        this.selected.phonenumber2 = value;
-      },
-    },
-    hasPhonenumber1() {
-      return (
-        this.selected.phonenumber1 !== null && this.selected.phonenumber1 !== ""
-      );
-    },
-    showAddAddress() {
-      let cond = false;
-      if (this.selected.type) {
-        if (this.selected.type.addressRequired !== "never") {
-          cond = true;
-        }
-      }
-      return cond;
-    },
-    showContactData() {
-      let cond = false;
-      if (this.selected.type) {
-        if (this.selected.type.contactData !== "never") {
-          cond = true;
-        }
-      }
-      return cond;
-    },
-  },
-  mounted() {
-    this.getLocationTypesList();
-  },
-  methods: {
-    localizeString,
-    checkForm() {
-      let cond = true;
-      this.errors = [];
-      if (!this.selected.type) {
-        this.errors.push("Type de localisation requis");
-        cond = false;
-      } else {
-        if (
-          this.selected.type.addressRequired === "required" &&
-          !this.selected.addressId
-        ) {
-          this.errors.push("Adresse requise");
-          cond = false;
-        }
-        if (
-          this.selected.type.contactData === "required" &&
-          !this.selected.phonenumber1
-        ) {
-          this.errors.push("Numéro de téléphone requis");
-          cond = false;
-        }
-        if (
-          this.selected.type.contactData === "required" &&
-          !this.selected.email
-        ) {
-          this.errors.push("Adresse email requise");
-          cond = false;
-        }
-      }
-      return cond;
-    },
-    getLocationTypesList() {
-      getLocationTypes().then((results) => {
-        this.locationTypes = results.filter(
-          (t) => t.availableForUsers === true,
-        );
-      });
-    },
-    openModal() {
-      this.modal.showModal = true;
-    },
-    saveNewLocation() {
-      if (this.checkForm()) {
-        let body = {
-          type: "location",
-          name: this.selected.name,
-          locationType: {
-            id: this.selected.type.id,
-            type: "location-type",
-          },
-          phonenumber1: this.selected.phonenumber1,
-          phonenumber2: this.selected.phonenumber2,
-          email: this.selected.email,
         };
-        if (this.selected.addressId) {
+    },
-          body = Object.assign(body, {
+    props: ["availableLocations"],
-            address: {
+    data() {
-              id: this.selected.addressId,
+        return {
+            errors: [],
+            selected: {
+                type: null,
+                name: null,
+                addressId: null,
+                phonenumber1: null,
+                phonenumber2: null,
+                email: null,
             },
-          });
+            locationTypes: [],
-        }
+            modal: {
-
+                showModal: false,
-        makeFetch("POST", "/api/1.0/main/location.json", body)
+                modalDialogClass: "modal-dialog-scrollable modal-xl",
-          .then((response) => {
+            },
-            this.$store.dispatch("addAvailableLocationGroup", {
+            addAddress: {
-              locationGroup: "Localisations nouvellement créées",
+                options: {
-              locations: [response],
+                    button: {
-            });
+                        text: {
-            this.$store.dispatch("updateLocation", response);
+                            create: "activity.create_address",
-            this.modal.showModal = false;
+                            edit: "activity.edit_address",
-          })
+                        },
-          .catch((error) => {
+                        size: "btn-sm",
-            if (error.name === "ValidationException") {
+                    },
-              for (let v of error.violations) {
+                    title: {
-                this.errors.push(v);
+                        create: "activity.create_address",
-              }
+                        edit: "activity.edit_address",
-            } else {
+                    },
-              this.errors.push("An error occurred");
+                },
+                context: {
+                    target: {
+                        //name, id
+                    },
+                    edit: false,
+                    addressId: null,
+                    defaults: window.addaddress,
+                },
+            },
+        };
+    },
+    computed: {
+        ...mapState(["activity"]),
+        selectType: {
+            get() {
+                return this.selected.type;
+            },
+            set(value) {
+                this.selected.type = value;
+            },
+        },
+        inputName: {
+            get() {
+                return this.selected.name;
+            },
+            set(value) {
+                this.selected.name = value;
+            },
+        },
+        inputEmail: {
+            get() {
+                return this.selected.email;
+            },
+            set(value) {
+                this.selected.email = value;
+            },
+        },
+        inputPhonenumber1: {
+            get() {
+                return this.selected.phonenumber1;
+            },
+            set(value) {
+                this.selected.phonenumber1 = value;
+            },
+        },
+        inputPhonenumber2: {
+            get() {
+                return this.selected.phonenumber2;
+            },
+            set(value) {
+                this.selected.phonenumber2 = value;
+            },
+        },
+        hasPhonenumber1() {
+            return (
+                this.selected.phonenumber1 !== null &&
+                this.selected.phonenumber1 !== ""
+            );
+        },
+        showAddAddress() {
+            let cond = false;
+            if (this.selected.type) {
+                if (this.selected.type.addressRequired !== "never") {
+                    cond = true;
+                }
             }
-          });
+            return cond;
-      }
+        },
+        showContactData() {
+            let cond = false;
+            if (this.selected.type) {
+                if (this.selected.type.contactData !== "never") {
+                    cond = true;
+                }
+            }
+            return cond;
+        },
     },
-    submitNewAddress(payload) {
+    mounted() {
-      this.selected.addressId = payload.addressId;
+        this.getLocationTypesList();
-      this.addAddress.context.addressId = payload.addressId;
+    },
-      this.addAddress.context.edit = true;
+    methods: {
+        localizeString,
+        checkForm() {
+            let cond = true;
+            this.errors = [];
+            if (!this.selected.type) {
+                this.errors.push("Type de localisation requis");
+                cond = false;
+            } else {
+                if (
+                    this.selected.type.addressRequired === "required" &&
+                    !this.selected.addressId
+                ) {
+                    this.errors.push("Adresse requise");
+                    cond = false;
+                }
+                if (
+                    this.selected.type.contactData === "required" &&
+                    !this.selected.phonenumber1
+                ) {
+                    this.errors.push("Numéro de téléphone requis");
+                    cond = false;
+                }
+                if (
+                    this.selected.type.contactData === "required" &&
+                    !this.selected.email
+                ) {
+                    this.errors.push("Adresse email requise");
+                    cond = false;
+                }
+            }
+            return cond;
+        },
+        getLocationTypesList() {
+            getLocationTypes().then((results) => {
+                this.locationTypes = results.filter(
+                    (t) => t.availableForUsers === true,
+                );
+            });
+        },
+        openModal() {
+            this.modal.showModal = true;
+        },
+        saveNewLocation() {
+            if (this.checkForm()) {
+                let body = {
+                    type: "location",
+                    name: this.selected.name,
+                    locationType: {
+                        id: this.selected.type.id,
+                        type: "location-type",
+                    },
+                    phonenumber1: this.selected.phonenumber1,
+                    phonenumber2: this.selected.phonenumber2,
+                    email: this.selected.email,
+                };
+                if (this.selected.addressId) {
+                    body = Object.assign(body, {
+                        address: {
+                            id: this.selected.addressId,
+                        },
+                    });
+                }
+
+                makeFetch("POST", "/api/1.0/main/location.json", body)
+                    .then((response) => {
+                        this.$store.dispatch("addAvailableLocationGroup", {
+                            locationGroup: "Localisations nouvellement créées",
+                            locations: [response],
+                        });
+                        this.$store.dispatch("updateLocation", response);
+                        this.modal.showModal = false;
+                    })
+                    .catch((error) => {
+                        if (error.name === "ValidationException") {
+                            for (let v of error.violations) {
+                                this.errors.push(v);
+                            }
+                        } else {
+                            this.errors.push("An error occurred");
+                        }
+                    });
+            }
+        },
+        submitNewAddress(payload) {
+            this.selected.addressId = payload.addressId;
+            this.addAddress.context.addressId = payload.addressId;
+            this.addAddress.context.edit = true;
+        },
     },
-  },
 };
 </script>

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

@@ -1,98 +1,103 @@
 <template>
-  <teleport to="#social-issues-acc">
+    <teleport to="#social-issues-acc">
-    <div class="mb-3 row">
+        <div class="mb-3 row">
-      <div class="col-4">
+            <div class="col-4">
-        <label :class="socialIssuesClassList">{{
+                <label :class="socialIssuesClassList">{{
-          trans(ACTIVITY_SOCIAL_ISSUES)
+                    trans(ACTIVITY_SOCIAL_ISSUES)
-        }}</label>
+                }}</label>
-      </div>
+            </div>
-      <div class="col-8">
+            <div class="col-8">
-        <check-social-issue
+                <check-social-issue
-          v-for="issue in socialIssuesList"
+                    v-for="issue in socialIssuesList"
-          :key="issue.id"
+                    :key="issue.id"
-          :issue="issue"
+                    :issue="issue"
-          :selection="socialIssuesSelected"
+                    :selection="socialIssuesSelected"
-          @updateSelected="updateIssuesSelected"
+                    @updateSelected="updateIssuesSelected"
-        >
+                >
-        </check-social-issue>
+                </check-social-issue>
 
-        <div class="my-3">
+                <div class="my-3">
-          <VueMultiselect
+                    <VueMultiselect
-            name="otherIssues"
+                        name="otherIssues"
-            label="text"
+                        label="text"
-            track-by="id"
+                        track-by="id"
-            open-direction="bottom"
+                        open-direction="bottom"
-            :close-on-select="true"
+                        :close-on-select="true"
-            :preserve-search="false"
+                        :preserve-search="false"
-            :reset-after="true"
+                        :reset-after="true"
-            :hide-selected="true"
+                        :hide-selected="true"
-            :taggable="false"
+                        :taggable="false"
-            :multiple="false"
+                        :multiple="false"
-            :searchable="true"
+                        :searchable="true"
-            :allow-empty="true"
+                        :allow-empty="true"
-            :show-labels="false"
+                        :show-labels="false"
-            :loading="issueIsLoading"
+                        :loading="issueIsLoading"
-            :placeholder="trans(ACTIVITY_CHOOSE_OTHER_SOCIAL_ISSUE)"
+                        :placeholder="trans(ACTIVITY_CHOOSE_OTHER_SOCIAL_ISSUE)"
-            :options="socialIssuesOther"
+                        :options="socialIssuesOther"
-            @select="addIssueInList"
+                        @select="addIssueInList"
-          >
+                    >
-          </VueMultiselect>
+                    </VueMultiselect>
-        </div>
+                </div>
-      </div>
+            </div>
-    </div>
-
-    <div class="mb-3 row">
-      <div class="col-4">
-        <label :class="socialActionsClassList">{{
-          trans(ACTIVITY_SOCIAL_ACTIONS)
-        }}</label>
-      </div>
-      <div class="col-8">
-        <div v-if="actionIsLoading === true">
-          <i class="chill-green fa fa-circle-o-notch fa-spin fa-lg"></i>
         </div>
 
-        <span
+        <div class="mb-3 row">
-          v-else-if="socialIssuesSelected.length === 0"
+            <div class="col-4">
-          class="inline-choice chill-no-data-statement mt-3"
+                <label :class="socialActionsClassList">{{
-        >
+                    trans(ACTIVITY_SOCIAL_ACTIONS)
-          {{ trans(ACTIVITY_SELECT_FIRST_A_SOCIAL_ISSUE) }}
+                }}</label>
-        </span>
+            </div>
+            <div class="col-8">
+                <div v-if="actionIsLoading === true">
+                    <i
+                        class="chill-green fa fa-circle-o-notch fa-spin fa-lg"
+                    ></i>
+                </div>
 
-        <template
+                <span
-          v-else-if="
+                    v-else-if="socialIssuesSelected.length === 0"
-            socialActionsList.length > 0 &&
+                    class="inline-choice chill-no-data-statement mt-3"
-            (socialIssuesSelected.length || socialActionsSelected.length)
+                >
-          "
+                    {{ trans(ACTIVITY_SELECT_FIRST_A_SOCIAL_ISSUE) }}
-        >
+                </span>
-          <div
-            id="actionsList"
-            v-for="group in socialActionsList"
-            :key="group.issue"
-          >
-            <span class="badge bg-chill-l-gray text-dark">{{
-              group.issue
-            }}</span>
-            <check-social-action
-              v-for="action in group.actions"
-              :key="action.id"
-              :action="action"
-              :selection="socialActionsSelected"
-              @updateSelected="updateActionsSelected"
-            >
-            </check-social-action>
-          </div>
-        </template>
 
-        <span
+                <template
-          v-else-if="actionAreLoaded && socialActionsList.length === 0"
+                    v-else-if="
-          class="inline-choice chill-no-data-statement mt-3"
+                        socialActionsList.length > 0 &&
-        >
+                        (socialIssuesSelected.length ||
-          {{ trans(ACTIVITY_SOCIAL_ACTION_LIST_EMPTY) }}
+                            socialActionsSelected.length)
-        </span>
+                    "
-      </div>
+                >
-    </div>
+                    <div
-  </teleport>
+                        id="actionsList"
+                        v-for="group in socialActionsList"
+                        :key="group.issue"
+                    >
+                        <span class="badge bg-chill-l-gray text-dark">{{
+                            group.issue
+                        }}</span>
+                        <check-social-action
+                            v-for="action in group.actions"
+                            :key="action.id"
+                            :action="action"
+                            :selection="socialActionsSelected"
+                            @updateSelected="updateActionsSelected"
+                        >
+                        </check-social-action>
+                    </div>
+                </template>
+
+                <span
+                    v-else-if="
+                        actionAreLoaded && socialActionsList.length === 0
+                    "
+                    class="inline-choice chill-no-data-statement mt-3"
+                >
+                    {{ trans(ACTIVITY_SOCIAL_ACTION_LIST_EMPTY) }}
+                </span>
+            </div>
+        </div>
+    </teleport>
 </template>
 
 <script>
@@ -101,153 +106,175 @@ import CheckSocialIssue from "./SocialIssuesAcc/CheckSocialIssue.vue";
 import CheckSocialAction from "./SocialIssuesAcc/CheckSocialAction.vue";
 import { getSocialIssues, getSocialActionByIssue } from "../api.js";
 import {
-  ACTIVITY_SOCIAL_ACTION_LIST_EMPTY,
+    ACTIVITY_SOCIAL_ACTION_LIST_EMPTY,
-  ACTIVITY_SELECT_FIRST_A_SOCIAL_ISSUE,
+    ACTIVITY_SELECT_FIRST_A_SOCIAL_ISSUE,
-  ACTIVITY_SOCIAL_ACTIONS,
+    ACTIVITY_SOCIAL_ACTIONS,
-  ACTIVITY_SOCIAL_ISSUES,
+    ACTIVITY_SOCIAL_ISSUES,
-  ACTIVITY_CHOOSE_OTHER_SOCIAL_ISSUE,
+    ACTIVITY_CHOOSE_OTHER_SOCIAL_ISSUE,
-  trans,
+    trans,
 } from "translator";
 
 export default {
-  name: "SocialIssuesAcc",
+    name: "SocialIssuesAcc",
-  components: {
+    components: {
-    CheckSocialIssue,
+        CheckSocialIssue,
-    CheckSocialAction,
+        CheckSocialAction,
-    VueMultiselect,
+        VueMultiselect,
-  },
-  setup() {
-    return {
-      trans,
-      ACTIVITY_SOCIAL_ACTION_LIST_EMPTY,
-      ACTIVITY_SELECT_FIRST_A_SOCIAL_ISSUE,
-      ACTIVITY_SOCIAL_ACTIONS,
-      ACTIVITY_SOCIAL_ISSUES,
-      ACTIVITY_CHOOSE_OTHER_SOCIAL_ISSUE,
-    };
-  },
-  data() {
-    return {
-      issueIsLoading: false,
-      actionIsLoading: false,
-      actionAreLoaded: false,
-      socialIssuesClassList: `col-form-label ${document.querySelector("input#chill_activitybundle_activity_socialIssues").getAttribute("required") ? "required" : ""}`,
-      socialActionsClassList: `col-form-label ${document.querySelector("input#chill_activitybundle_activity_socialActions").getAttribute("required") ? "required" : ""}`,
-    };
-  },
-  computed: {
-    socialIssuesList() {
-      return this.$store.state.activity.accompanyingPeriod.socialIssues;
     },
-    socialIssuesSelected() {
+    setup() {
-      return this.$store.state.activity.socialIssues;
+        return {
+            trans,
+            ACTIVITY_SOCIAL_ACTION_LIST_EMPTY,
+            ACTIVITY_SELECT_FIRST_A_SOCIAL_ISSUE,
+            ACTIVITY_SOCIAL_ACTIONS,
+            ACTIVITY_SOCIAL_ISSUES,
+            ACTIVITY_CHOOSE_OTHER_SOCIAL_ISSUE,
+        };
     },
-    socialIssuesOther() {
+    data() {
-      return this.$store.state.socialIssuesOther;
+        return {
+            issueIsLoading: false,
+            actionIsLoading: false,
+            actionAreLoaded: false,
+            socialIssuesClassList: {
+                "col-form-label": true,
+                required: false,
+            },
+            socialActionsClassList: {
+                "col-form-label": true,
+                required: false,
+            },
+        };
     },
-    socialActionsList() {
+    computed: {
-      return this.$store.getters.socialActionsListSorted;
+        socialIssuesList() {
+            return this.$store.state.activity.accompanyingPeriod.socialIssues;
+        },
+        socialIssuesSelected() {
+            return this.$store.state.activity.socialIssues;
+        },
+        socialIssuesOther() {
+            return this.$store.state.socialIssuesOther;
+        },
+        socialActionsList() {
+            return this.$store.getters.socialActionsListSorted;
+        },
+        socialActionsSelected() {
+            return this.$store.state.activity.socialActions;
+        },
     },
-    socialActionsSelected() {
+    mounted() {
-      return this.$store.state.activity.socialActions;
+        /* Load classNames after element is present */
-    },
+        const socialActionsEl = document.querySelector(
-  },
+            "input#chill_activitybundle_activity_socialActions",
-  mounted() {
+        );
-    /* Load other issues in multiselect */
+        if (socialActionsEl && socialActionsEl.hasAttribute("required")) {
-    this.issueIsLoading = true;
+            this.socialActionsClassList.required = true;
-    this.actionAreLoaded = false;
-
-    getSocialIssues().then((response) => {
-      /* Add issues to the store */
-      this.$store.commit("updateIssuesOther", response);
-
-      /* 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.$store.commit("addIssueInList", issue);
         }
-      });
 
-      /* Remove from multiselect the issues that are not yet in the checkbox list */
+        const socialIssuesEl = document.querySelector(
-      this.socialIssuesList.forEach((issue) => {
+            "input#chill_activitybundle_activity_socialIssues",
-        this.$store.commit("removeIssueInOther", issue);
+        );
-      });
+        if (socialIssuesEl && socialIssuesEl.hasAttribute("required")) {
+            this.socialIssuesClassList.required = true;
+        }
 
-      /* Filter issues */
+        /* Load other issues in multiselect */
-      this.$store.commit("filterList", "issues");
+        this.issueIsLoading = true;
+        this.actionAreLoaded = false;
 
-      /* Add in list the actions already associated (if not yet listed) */
+        getSocialIssues().then((response) => {
-      this.socialActionsSelected.forEach((action) => {
+            /* Add issues to the store */
-        this.$store.commit("addActionInList", action);
+            this.$store.commit("updateIssuesOther", response);
-      });
 
-      /* Filter actions */
+            /* Add in list the issues already associated (if not yet listed) */
-      this.$store.commit("filterList", "actions");
+            this.socialIssuesSelected.forEach((issue) => {
+                if (
+                    this.socialIssuesList.filter((i) => i.id === issue.id)
+                        .length !== 1
+                ) {
+                    this.$store.commit("addIssueInList", issue);
+                }
+            });
 
-      this.issueIsLoading = false;
+            /* Remove from multiselect the issues that are not yet in the checkbox list */
-      this.actionAreLoaded = true;
+            this.socialIssuesList.forEach((issue) => {
-      this.updateActionsList();
+                this.$store.commit("removeIssueInOther", issue);
-    });
+            });
-  },
+
-  methods: {
+            /* Filter issues */
-    /* When choosing an issue in multiselect, add it in checkboxes (as selected),
+            this.$store.commit("filterList", "issues");
+
+            /* Add in list the actions already associated (if not yet listed) */
+            this.socialActionsSelected.forEach((action) => {
+                this.$store.commit("addActionInList", action);
+            });
+
+            /* Filter actions */
+            this.$store.commit("filterList", "actions");
+
+            this.issueIsLoading = false;
+            this.actionAreLoaded = true;
+            this.updateActionsList();
+        });
+    },
+    methods: {
+        /* When choosing an issue in multiselect, add it in checkboxes (as selected),
          remove it from multiselect, and add socialActions concerned
       */
-    addIssueInList(value) {
+        addIssueInList(value) {
-      //console.log('addIssueInList', value);
+            //console.log('addIssueInList', value);
-      this.$store.commit("addIssueInList", value);
+            this.$store.commit("addIssueInList", value);
-      this.$store.commit("removeIssueInOther", value);
+            this.$store.commit("removeIssueInOther", value);
-      this.$store.dispatch("addIssueSelected", value);
+            this.$store.dispatch("addIssueSelected", value);
-      this.updateActionsList();
+            this.updateActionsList();
-    },
+        },
-    /* Update value for selected issues checkboxes
+        /* Update value for selected issues checkboxes
-     */
+         */
-    updateIssuesSelected(issues) {
+        updateIssuesSelected(issues) {
-      //console.log('updateIssuesSelected', issues);
+            //console.log('updateIssuesSelected', issues);
-      this.$store.dispatch("updateIssuesSelected", issues);
+            this.$store.dispatch("updateIssuesSelected", issues);
-      this.updateActionsList();
+            this.updateActionsList();
-    },
+        },
-    /* Update value for selected actions checkboxes
+        /* Update value for selected actions checkboxes
-     */
+         */
-    updateActionsSelected(actions) {
+        updateActionsSelected(actions) {
-      //console.log('updateActionsSelected', actions);
+            //console.log('updateActionsSelected', actions);
-      this.$store.dispatch("updateActionsSelected", actions);
+            this.$store.dispatch("updateActionsSelected", actions);
-    },
+        },
-    /* Add socialActions concerned: after reset, loop on each issue selected
+        /* Add socialActions concerned: after reset, loop on each issue selected
          to get social actions concerned
       */
-    updateActionsList() {
+        updateActionsList() {
-      this.resetActionsList();
+            this.resetActionsList();
-      this.socialIssuesSelected.forEach((item) => {
+            this.socialIssuesSelected.forEach((item) => {
-        this.actionIsLoading = true;
+                this.actionIsLoading = true;
-        getSocialActionByIssue(item.id).then(
+                getSocialActionByIssue(item.id).then(
-          (actions) =>
+                    (actions) =>
-            new Promise((resolve) => {
+                        new Promise((resolve) => {
-              actions.results.forEach((action) => {
+                            actions.results.forEach((action) => {
-                this.$store.commit("addActionInList", action);
+                                this.$store.commit("addActionInList", action);
-              }, this);
+                            }, this);
 
-              this.$store.commit("filterList", "actions");
+                            this.$store.commit("filterList", "actions");
 
-              this.actionIsLoading = false;
+                            this.actionIsLoading = false;
-              this.actionAreLoaded = true;
+                            this.actionAreLoaded = true;
-              resolve();
+                            resolve();
-            }),
+                        }),
-        );
+                );
-      }, this);
+            }, this);
+        },
+        /* Reset socialActions List: flush list and restore selected actions
+         */
+        resetActionsList() {
+            this.$store.commit("resetActionsList");
+            this.actionAreLoaded = false;
+            this.socialActionsSelected.forEach((item) => {
+                this.$store.commit("addActionInList", item);
+            }, this);
+        },
     },
-    /* Reset socialActions List: flush list and restore selected actions
-     */
-    resetActionsList() {
-      this.$store.commit("resetActionsList");
-      this.actionAreLoaded = false;
-      this.socialActionsSelected.forEach((item) => {
-        this.$store.commit("addActionInList", item);
-      }, this);
-    },
-  },
 };
 </script>
 
@@ -257,18 +284,18 @@ export default {
 @import "ChillMainAssets/chill/scss/chill_variables";
 
 span.multiselect__single {
-  display: none !important;
+    display: none !important;
 }
 
 #actionsList {
-  border-radius: 0.5rem;
+    border-radius: 0.5rem;
-  padding: 1rem;
+    padding: 1rem;
-  margin: 0.5rem;
+    margin: 0.5rem;
-  background-color: whitesmoke;
+    background-color: whitesmoke;
 }
 
 span.badge {
-  margin-bottom: 0.5rem;
+    margin-bottom: 0.5rem;
-  @include badge_social($social-issue-color);
+    @include badge_social($social-issue-color);
 }
 </style>

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

@@ -1,38 +1,38 @@
 <template>
-  <span class="inline-choice">
+    <span class="inline-choice">
-    <div class="form-check">
+        <div class="form-check">
-      <input
+            <input
-        class="form-check-input"
+                class="form-check-input"
-        type="checkbox"
+                type="checkbox"
-        v-model="selected"
+                v-model="selected"
-        name="action"
+                name="action"
-        :id="action.id"
+                :id="action.id"
-        :value="action"
+                :value="action"
-      />
+            />
-      <label class="form-check-label" :for="action.id">
+            <label class="form-check-label" :for="action.id">
-        <span class="badge bg-light text-dark" :title="action.text">{{
+                <span class="badge bg-light text-dark" :title="action.text">{{
-          action.text
+                    action.text
-        }}</span>
+                }}</span>
-      </label>
+            </label>
-    </div>
+        </div>
-  </span>
+    </span>
 </template>
 
 <script>
 export default {
-  name: "CheckSocialAction",
+    name: "CheckSocialAction",
-  props: ["action", "selection"],
+    props: ["action", "selection"],
-  emits: ["updateSelected"],
+    emits: ["updateSelected"],
-  computed: {
+    computed: {
-    selected: {
+        selected: {
-      set(value) {
+            set(value) {
-        this.$emit("updateSelected", value);
+                this.$emit("updateSelected", value);
-      },
+            },
-      get() {
+            get() {
-        return this.selection;
+                return this.selection;
-      },
+            },
+        },
     },
-  },
 };
 </script>
 
@@ -41,13 +41,25 @@ export default {
 @import "ChillPersonAssets/chill/scss/mixins";
 @import "ChillMainAssets/chill/scss/chill_variables";
 span.badge {
-  @include badge_social($social-action-color);
+    @include badge_social($social-action-color);
-  font-size: 95%;
+    font-size: 95%;
-  margin-bottom: 5px;
+    white-space: normal;
-  margin-right: 1em;
+    word-wrap: break-word;
-  max-width: 100%; /* Adjust as needed */
+    word-break: break-word;
-  overflow: hidden;
+    display: inline-block;
-  text-overflow: ellipsis;
+    max-width: 100%;
-  white-space: nowrap;
+    margin-bottom: 5px;
+    margin-right: 1em;
+    text-align: left;
+    line-height: 1.2em;
+
+    &::before {
+        position: absolute;
+        left: 11px;
+        top: 0;
+        margin: 0 0.3em 0 -0.75em;
+    }
+    position: relative;
+    padding-left: 1.5em;
 }
 </style>

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

@@ -1,36 +1,38 @@
 <template>
-  <span class="inline-choice">
+    <span class="inline-choice">
-    <div class="form-check">
+        <div class="form-check">
-      <input
+            <input
-        class="form-check-input"
+                class="form-check-input"
-        type="checkbox"
+                type="checkbox"
-        v-model="selected"
+                v-model="selected"
-        name="issue"
+                name="issue"
-        :id="issue.id"
+                :id="issue.id"
-        :value="issue"
+                :value="issue"
-      />
+            />
-      <label class="form-check-label" :for="issue.id">
+            <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">{{
-      </label>
+                    issue.text
-    </div>
+                }}</span>
-  </span>
+            </label>
+        </div>
+    </span>
 </template>
 
 <script>
 export default {
-  name: "CheckSocialIssue",
+    name: "CheckSocialIssue",
-  props: ["issue", "selection"],
+    props: ["issue", "selection"],
-  emits: ["updateSelected"],
+    emits: ["updateSelected"],
-  computed: {
+    computed: {
-    selected: {
+        selected: {
-      set(value) {
+            set(value) {
-        this.$emit("updateSelected", value);
+                this.$emit("updateSelected", value);
-      },
+            },
-      get() {
+            get() {
-        return this.selection;
+                return this.selection;
-      },
+            },
+        },
     },
-  },
 };
 </script>
 
@@ -39,9 +41,24 @@ export default {
 @import "ChillPersonAssets/chill/scss/mixins";
 @import "ChillMainAssets/chill/scss/chill_variables";
 span.badge {
-  @include badge_social($social-issue-color);
+    @include badge_social($social-issue-color);
-  font-size: 95%;
+    font-size: 95%;
-  margin-bottom: 5px;
+    white-space: normal;
-  margin-right: 1em;
+    word-wrap: break-word;
+    word-break: break-word;
+    display: inline-block;
+    max-width: 100%;
+    margin-bottom: 5px;
+    margin-right: 1em;
+    text-align: left;
+
+    &::before {
+        position: absolute;
+        left: 11px;
+        top: 0;
+        margin: 0 0.3em 0 -0.75em;
+    }
+    position: relative;
+    padding-left: 1.5em;
 }
 </style>

src/Bundle/ChillActivityBundle/migrations/Version20251118124241.php

@@ -0,0 +1,50 @@
+<?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\Migrations\Activity;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Migration fixing the automatic association of users to activities (exchanges).
+ *
+ * Originally, the user who created an exchange was not automatically associated
+ * to it (the "TMS" column), which led to incomplete data and biased statistics.
+ *
+ * This migration:
+ *  - retroactively associates the creator of each exchange to the corresponding
+ *    activity;
+ *  - flags these backfilled associations with a temporary column so it is clear
+ *    they were added by this data correction and can be safely cleaned up later.
+ */
+final class Version20251118124241 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return 'Insert the creator of activity into the activity_user table';
+    }
+
+    public function up(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE activity_user ADD COLUMN by_migration BOOL DEFAULT FALSE');
+        $this->addSql("COMMENT ON COLUMN activity_user.by_migration IS 'For backup purpose - can be safely deleted after a while. See migration \\Chill\\Migrations\\Activity\\Version20251118124241'");
+
+        $this->addSql('INSERT INTO activity_user (activity_id, user_id, by_migration)
+            SELECT id, user_id, true FROM activity
+            ON CONFLICT DO NOTHING');
+    }
+
+    public function down(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE activity_user DROP COLUMN by_migration');
+    }
+}

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

@@ -10,7 +10,7 @@ Attendee: Présence de l'usager
 attendee: présence de l'usager
 list_reasons: liste des sujets
 user_username: nom de l'utilisateur
-circle_name: nom du cercle
+circle_name: nom du service
 Remark: Commentaire
 No comments: Aucun commentaire
 Add a new activity: Ajouter une nouvel échange
@@ -20,7 +20,7 @@ not present: absent
 Delete: Supprimer
 Update: Mettre à jour
 Update activity: Modifier l'échange
-Scope: Cercle
+Scope: Service
 Activity data: Données de l'échange
 Activity location: Localisation de l'échange
 No reason associated: Aucun sujet
@@ -398,13 +398,15 @@ export:
             sent received: Envoyé ou reçu
             emergency: Urgence
             accompanying course id: Identifiant du parcours
-            course circles: Cercles du parcours
+            course circles: Services du parcours
             travelTime: Durée de déplacement
             durationTime: Durée
             id: Identifiant
             List activities linked to an accompanying course: Liste les échanges liés à un parcours en fonction de différents filtres.
             List activity linked to a course: Liste des échanges liés à un parcours
-
+            commentText: Commentaire
+            comment_date: Date de la dernière édition du commentaire
+            comment_user: Dernière édition par
 
     filter:
         activity:

src/Bundle/ChillAsideActivityBundle/src/DependencyInjection/ChillAsideActivityExtension.php

@@ -25,6 +25,7 @@ final class ChillAsideActivityExtension extends Extension implements PrependExte
         $config = $this->processConfiguration($configuration, $configs);
 
         $container->setParameter('chill_aside_activity.form.time_duration', $config['form']['time_duration']);
+        $container->setParameter('chill_aside_activity.show_concerned_persons_count', 'visible' === $config['show_concerned_persons_count']);
 
         $loader = new Loader\YamlFileLoader($container, new FileLocator(__DIR__.'/../config'));
         $loader->load('services.yaml');
@@ -38,6 +39,24 @@ final class ChillAsideActivityExtension extends Extension implements PrependExte
     {
         $this->prependRoute($container);
         $this->prependCruds($container);
+        $this->prependTwigConfig($container);
+    }
+
+    protected function prependTwigConfig(ContainerBuilder $container)
+    {
+        // Get the configuration for this bundle
+        $chillAsideActivityConfig = $container->getExtensionConfig($this->getAlias());
+        $config = $this->processConfiguration($this->getConfiguration($chillAsideActivityConfig, $container), $chillAsideActivityConfig);
+
+        // Add configuration to twig globals
+        $twigConfig = [
+            'globals' => [
+                'chill_aside_activity_config' => [
+                    'show_concerned_persons_count' => 'visible' === $config['show_concerned_persons_count'],
+                ],
+            ],
+        ];
+        $container->prependExtensionConfig('twig', $twigConfig);
     }
 
     protected function prependCruds(ContainerBuilder $container)

src/Bundle/ChillAsideActivityBundle/src/DependencyInjection/Configuration.php

@@ -141,6 +141,12 @@ class Configuration implements ConfigurationInterface
             ->end()
             ->end()
             ->end()
+            ->end()
+            ->enumNode('show_concerned_persons_count')
+            ->values(['hidden', 'visible'])
+            ->defaultValue('hidden')
+            ->info('Show the concerned persons count field in aside activity forms and views')
+            ->end()
             ->end();
 
         return $treeBuilder;

src/Bundle/ChillAsideActivityBundle/src/Entity/AsideActivity.php

@@ -62,6 +62,10 @@ class AsideActivity implements TrackCreationInterface, TrackUpdateInterface
     #[ORM\ManyToOne(targetEntity: User::class)]
     private User $updatedBy;
 
+    #[Assert\GreaterThanOrEqual(0)]
+    #[ORM\Column(type: \Doctrine\DBAL\Types\Types::INTEGER, nullable: true)]
+    private ?int $concernedPersonsCount = 0;
+
     public function getAgent(): ?User
     {
         return $this->agent;
@@ -186,4 +190,16 @@ class AsideActivity implements TrackCreationInterface, TrackUpdateInterface
 
         return $this;
     }
+
+    public function getConcernedPersonsCount(): ?int
+    {
+        return $this->concernedPersonsCount;
+    }
+
+    public function setConcernedPersonsCount(?int $concernedPersonsCount): self
+    {
+        $this->concernedPersonsCount = $concernedPersonsCount;
+
+        return $this;
+    }
 }

src/Bundle/ChillAsideActivityBundle/src/Export/Aggregator/ByConcernedPersonsCountAggregator.php

@@ -0,0 +1,86 @@
+<?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\AsideActivityBundle\Export\Aggregator;
+
+use Chill\AsideActivityBundle\Export\Declarations;
+use Chill\MainBundle\Export\AggregatorInterface;
+use Doctrine\ORM\QueryBuilder;
+use Symfony\Component\Form\FormBuilderInterface;
+
+class ByConcernedPersonsCountAggregator implements AggregatorInterface
+{
+    public function addRole(): ?string
+    {
+        return null;
+    }
+
+    public function alterQuery(QueryBuilder $qb, $data, \Chill\MainBundle\Export\ExportGenerationContext $exportGenerationContext): void
+    {
+        $qb->addSelect('aside.concernedPersonsCount AS by_concerned_persons_count_aggregator')
+            ->addGroupBy('by_concerned_persons_count_aggregator');
+    }
+
+    public function applyOn(): string
+    {
+        return Declarations::ASIDE_ACTIVITY_TYPE;
+    }
+
+    public function buildForm(FormBuilderInterface $builder): void
+    {
+        // No form needed
+    }
+
+    public function getNormalizationVersion(): int
+    {
+        return 1;
+    }
+
+    public function normalizeFormData(array $formData): array
+    {
+        return [];
+    }
+
+    public function denormalizeFormData(array $formData, int $fromVersion): array
+    {
+        return [];
+    }
+
+    public function getFormDefaultData(): array
+    {
+        return [];
+    }
+
+    public function getLabels($key, array $values, $data): callable
+    {
+        return function ($value): string {
+            if ('_header' === $value) {
+                return 'export.aggregator.Concerned persons count';
+            }
+
+            if (null === $value) {
+                return 'export.aggregator.No concerned persons count specified';
+            }
+
+            return (string) $value;
+        };
+    }
+
+    public function getQueryKeys($data): array
+    {
+        return ['by_concerned_persons_count_aggregator'];
+    }
+
+    public function getTitle(): string
+    {
+        return 'export.aggregator.Group by concerned persons count';
+    }
+}

src/Bundle/ChillAsideActivityBundle/src/Export/Export/SumConcernedPersonsCountAsideActivity.php

@@ -0,0 +1,116 @@
+<?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\AsideActivityBundle\Export\Export;
+
+use Chill\AsideActivityBundle\Export\Declarations;
+use Chill\AsideActivityBundle\Repository\AsideActivityRepository;
+use Chill\AsideActivityBundle\Security\AsideActivityVoter;
+use Chill\MainBundle\Export\ExportInterface;
+use Chill\MainBundle\Export\FormatterInterface;
+use Chill\MainBundle\Export\GroupedExportInterface;
+use Doctrine\ORM\Query;
+use Symfony\Component\Form\FormBuilderInterface;
+
+class SumConcernedPersonsCountAsideActivity implements ExportInterface, GroupedExportInterface
+{
+    public function __construct(private readonly AsideActivityRepository $repository) {}
+
+    public function buildForm(FormBuilderInterface $builder) {}
+
+    public function getNormalizationVersion(): int
+    {
+        return 1;
+    }
+
+    public function normalizeFormData(array $formData): array
+    {
+        return [];
+    }
+
+    public function denormalizeFormData(array $formData, int $fromVersion): array
+    {
+        return [];
+    }
+
+    public function getFormDefaultData(): array
+    {
+        return [];
+    }
+
+    public function getAllowedFormattersTypes(): array
+    {
+        return [FormatterInterface::TYPE_TABULAR];
+    }
+
+    public function getDescription(): string
+    {
+        return 'export.Sum concerned persons count for aside activities';
+    }
+
+    public function getGroup(): string
+    {
+        return 'export.Exports of aside activities';
+    }
+
+    public function getLabels($key, array $values, $data)
+    {
+        if ('export_sum_concerned_persons_count' !== $key) {
+            throw new \LogicException("the key {$key} is not used by this export");
+        }
+
+        $labels = array_combine($values, $values);
+        $labels['_header'] = $this->getTitle();
+
+        return static fn ($value) => $labels[$value];
+    }
+
+    public function getQueryKeys($data): array
+    {
+        return ['export_sum_concerned_persons_count'];
+    }
+
+    public function getResult($query, $data, \Chill\MainBundle\Export\ExportGenerationContext $context): array
+    {
+        return $query->getQuery()->getResult(Query::HYDRATE_SCALAR);
+    }
+
+    public function getTitle(): string
+    {
+        return 'export.Sum concerned persons count for aside activities';
+    }
+
+    public function getType(): string
+    {
+        return Declarations::ASIDE_ACTIVITY_TYPE;
+    }
+
+    public function initiateQuery(array $requiredModifiers, array $acl, array $data, \Chill\MainBundle\Export\ExportGenerationContext $context): \Doctrine\ORM\QueryBuilder
+    {
+        $qb = $this->repository->createQueryBuilder('aside');
+
+        $qb->select('SUM(COALESCE(aside.concernedPersonsCount, 0)) as export_sum_concerned_persons_count');
+
+        return $qb;
+    }
+
+    public function requiredRole(): string
+    {
+        return AsideActivityVoter::STATS;
+    }
+
+    public function supportsModifiers(): array
+    {
+        return [
+            Declarations::ASIDE_ACTIVITY_TYPE,
+        ];
+    }
+}

src/Bundle/ChillAsideActivityBundle/src/Form/AsideActivityFormType.php

@@ -21,6 +21,7 @@ use Symfony\Component\DependencyInjection\ParameterBag\ParameterBagInterface;
 use Symfony\Component\Form\AbstractType;
 use Symfony\Component\Form\Extension\Core\DataTransformer\DateTimeToTimestampTransformer;
 use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
+use Symfony\Component\Form\Extension\Core\Type\IntegerType;
 use Symfony\Component\Form\FormBuilderInterface;
 use Symfony\Component\Form\FormEvent;
 use Symfony\Component\Form\FormEvents;
@@ -29,11 +30,13 @@ use Symfony\Component\OptionsResolver\OptionsResolver;
 final class AsideActivityFormType extends AbstractType
 {
     private readonly array $timeChoices;
+    private readonly bool $showConcernedPersonsCount;
 
     public function __construct(
         ParameterBagInterface $parameterBag,
     ) {
         $this->timeChoices = $parameterBag->get('chill_aside_activity.form.time_duration');
+        $this->showConcernedPersonsCount = $parameterBag->get('chill_aside_activity.show_concerned_persons_count');
     }
 
     public function buildForm(FormBuilderInterface $builder, array $options)
@@ -76,6 +79,16 @@ final class AsideActivityFormType extends AbstractType
             ->add('location', PickUserLocationType::class)
         ;
 
+        if ($this->showConcernedPersonsCount) {
+            $builder->add('concernedPersonsCount', IntegerType::class, [
+                'label' => 'Concerned persons count',
+                'required' => false,
+                'attr' => [
+                    'min' => 0,
+                ],
+            ]);
+        }
+
         foreach (['duration'] as $fieldName) {
             $builder->get($fieldName)
                 ->addModelTransformer($durationTimeTransformer);

src/Bundle/ChillAsideActivityBundle/src/Resources/views/asideActivity/index.html.twig

@@ -42,6 +42,11 @@
                                 {%- if entity.location.name is defined -%}
                                     <div><i class="fa fa-fw fa-map-marker"></i>{{ entity.location.name }}</div>
                                 {%- endif -%}
+
+                                {%- if entity.concernedPersonsCount > 0 -%}
+                                    <div><i class="fa fa-fw fa-user"></i>{{ entity.concernedPersonsCount }}</div>
+                                {%- endif -%}
+
 							</div>
 							<div class="item-col" style="justify-content: flex-end;">
 								<div class="box">

src/Bundle/ChillAsideActivityBundle/src/Resources/views/asideActivity/view.html.twig

@@ -38,6 +38,11 @@
 				<dt class="inline">{{ 'Duration'|trans }}</dt>
 				<dd>{{ entity.duration|date('H:i') }}</dd>
 
+                {% if chill_aside_activity_config.show_concerned_persons_count == 'visible' %}
+                    <dt class="inline">{{ 'Concerned persons count'|trans }}</dt>
+                    <dd>{{ entity.concernedPersonsCount }}</dd>
+                {% endif %}
+
 				<dt class="inline">{{ 'Remark'|trans }}</dt>
 				{%- if entity.note is empty -%}
 					<dd>
@@ -55,5 +60,6 @@
 			</dl>
 
 		{% endblock %}
+        {% block content_view_actions_duplicate_link %}{% endblock %}
 	{% endembed %}
 {% endblock %}

src/Bundle/ChillAsideActivityBundle/src/Tests/Export/Aggregator/ByConcernedPersonsCountAggregatorTest.php

@@ -0,0 +1,49 @@
+<?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\AsideActivityBundle\Tests\Export\Aggregator;
+
+use Chill\AsideActivityBundle\Entity\AsideActivity;
+use Chill\AsideActivityBundle\Export\Aggregator\ByConcernedPersonsCountAggregator;
+use Chill\MainBundle\Test\Export\AbstractAggregatorTest;
+use Doctrine\ORM\EntityManagerInterface;
+
+/**
+ * @internal
+ *
+ * @coversNothing
+ */
+class ByConcernedPersonsCountAggregatorTest extends AbstractAggregatorTest
+{
+    public function getAggregator()
+    {
+        return new ByConcernedPersonsCountAggregator();
+    }
+
+    public static function getFormData(): array
+    {
+        return [
+            [],
+        ];
+    }
+
+    public static function getQueryBuilders(): iterable
+    {
+        self::bootKernel();
+        $em = self::getContainer()->get(EntityManagerInterface::class);
+
+        return [
+            $em->createQueryBuilder()
+                ->select('count(aside.id)')
+                ->from(AsideActivity::class, 'aside'),
+        ];
+    }
+}

src/Bundle/ChillAsideActivityBundle/src/Tests/Export/Export/SumConcernedPersonsCountAsideActivityTest.php

@@ -0,0 +1,50 @@
+<?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\AsideActivityBundle\Tests\Export\Export;
+
+use Chill\AsideActivityBundle\Export\Export\SumConcernedPersonsCountAsideActivity;
+use Chill\AsideActivityBundle\Repository\AsideActivityRepository;
+use Chill\MainBundle\Test\Export\AbstractExportTest;
+
+/**
+ * @internal
+ *
+ * @coversNothing
+ */
+final class SumConcernedPersonsCountAsideActivityTest extends AbstractExportTest
+{
+    protected function setUp(): void
+    {
+        self::bootKernel();
+    }
+
+    public function getExport()
+    {
+        $repository = self::getContainer()->get(AsideActivityRepository::class);
+
+        yield new SumConcernedPersonsCountAsideActivity($repository);
+    }
+
+    public static function getFormData(): array
+    {
+        return [
+            [],
+        ];
+    }
+
+    public static function getModifiersCombination(): array
+    {
+        return [
+            ['aside_activity'],
+        ];
+    }
+}

src/Bundle/ChillAsideActivityBundle/src/config/services/export.yaml

@@ -20,6 +20,10 @@ services:
       tags:
           - { name: chill.export, alias: 'avg_aside_activity_duration' }
 
+  Chill\AsideActivityBundle\Export\Export\SumConcernedPersonsCountAsideActivity:
+      tags:
+          - { name: chill.export, alias: 'sum_aside_activity_concerned_persons_count' }
+
   ## Filters
   chill.aside_activity.export.date_filter:
     class: Chill\AsideActivityBundle\Export\Filter\ByDateFilter
@@ -70,3 +74,7 @@ services:
   Chill\AsideActivityBundle\Export\Aggregator\ByLocationAggregator:
       tags:
           - { name: chill.export_aggregator, alias: 'aside_activity_location_aggregator' }
+
+  Chill\AsideActivityBundle\Export\Aggregator\ByConcernedPersonsCountAggregator:
+      tags:
+          - { name: chill.export_aggregator, alias: 'aside_activity_concerned_persons_count_aggregator' }

src/Bundle/ChillAsideActivityBundle/src/migrations/Version20251006113048.php

@@ -9,25 +9,25 @@ declare(strict_types=1);
  * the LICENSE file that was distributed with this source code.
  */
 
-namespace Chill\Migrations\Ticket;
+namespace Chill\Migrations\AsideActivity;
 
 use Doctrine\DBAL\Schema\Schema;
 use Doctrine\Migrations\AbstractMigration;
 
-final class Version20250711131126 extends AbstractMigration
+final class Version20251006113048 extends AbstractMigration
 {
     public function getDescription(): string
     {
-        return 'Add supplementaryComments property to Motive entity as JSONB type to store list of comments with label';
+        return 'Add concernedPersonsCount property to AsideActivity entity';
     }
 
     public function up(Schema $schema): void
     {
-        $this->addSql('ALTER TABLE chill_ticket.motive ADD supplementaryComments JSONB DEFAULT \'[]\' NOT NULL');
+        $this->addSql('ALTER TABLE chill_asideactivity.asideactivity ADD concernedPersonsCount INT DEFAULT 0');
     }
 
     public function down(Schema $schema): void
     {
-        $this->addSql('ALTER TABLE chill_ticket.motive DROP supplementaryComments');
+        $this->addSql('ALTER TABLE chill_asideactivity.AsideActivity DROP concernedPersonsCount');
     }
 }

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

@@ -27,6 +27,7 @@ Emergency: Urgent
 by: "Par "
 location: Lieu
 Asideactivity location: Localisation de l'activité
+Concerned persons count: Nombre d'usager concernés
 
 # Crud
 crud:
@@ -177,7 +178,7 @@ export:
         agent_id: Utilisateur
         creator_id: Créateur
         main_scope: Service principal de l'utilisateur
-        main_center: Centre principal de l'utilisateur
+        main_center: Territoire principal de l'utilisateur
         aside_activity_type: Catégorie d'activité annexe
         date: Date
         duration: Durée
@@ -190,6 +191,7 @@ export:
     Count aside activities by various parameters.: Compte le nombre d'activités annexes selon divers critères
     Average aside activities duration: Durée moyenne des activités annexes
     Sum aside activities duration: Durée des activités annexes
+    Sum concerned persons count for aside activities: Nombre d'usager concernés par les activités annexes
     filter:
         Filter by aside activity date: Filtrer les activités annexes par date
         Filter by aside activity type: Filtrer les activités annexes par type d'activité
@@ -210,6 +212,8 @@ export:
         'Filtered by aside activity location: only %location%': "Filtré par localisation: uniquement %location%"
     aggregator:
         Group by aside activity type: Grouper les activités annexes par type d'activité
+        Group by concerned persons count: Grouper les activités annexes par nombre d'usagers conernés
+        Concerned persons count: Nombre d'usagers concernés
         Aside activity type: Type d'activité annexe
         by_user_job:
             Aggregate by user job: Grouper les activités annexes par métier des utilisateurs

src/Bundle/ChillCalendarBundle/Controller/CalendarAPIController.php

@@ -12,6 +12,7 @@ declare(strict_types=1);
 namespace Chill\CalendarBundle\Controller;
 
 use Chill\CalendarBundle\Repository\CalendarRepository;
+use Chill\CalendarBundle\Repository\InviteRepository;
 use Chill\MainBundle\CRUD\Controller\ApiController;
 use Chill\MainBundle\Entity\User;
 use Chill\MainBundle\Serializer\Model\Collection;
@@ -23,7 +24,10 @@ use Symfony\Component\Routing\Annotation\Route;
 
 class CalendarAPIController extends ApiController
 {
-    public function __construct(private readonly CalendarRepository $calendarRepository) {}
+    public function __construct(
+        private readonly CalendarRepository $calendarRepository,
+        private readonly InviteRepository $inviteRepository,
+    ) {}
 
     #[Route(path: '/api/1.0/calendar/calendar/by-user/{id}.{_format}', name: 'chill_api_single_calendar_list_by-user', requirements: ['_format' => 'json'])]
     public function listByUser(User $user, Request $request, string $_format): JsonResponse
@@ -52,16 +56,37 @@ class CalendarAPIController extends ApiController
             throw new BadRequestHttpException('dateTo not parsable');
         }
 
-        $total = $this->calendarRepository->countByUser($user, $dateFrom, $dateTo);
+        // Get calendar items where user is the main user
-        $paginator = $this->getPaginatorFactory()->create($total);
+        $ownCalendars = $this->calendarRepository->findByUser(
-        $ranges = $this->calendarRepository->findByUser(
             $user,
             $dateFrom,
-            $dateTo,
+            $dateTo
-            $paginator->getItemsPerPage(),
-            $paginator->getCurrentPageFirstItemNumber()
         );
 
+        // Get calendar items from accepted invites
+        $acceptedInvites = $this->inviteRepository->findAcceptedInvitesByUserAndDateRange($user, $dateFrom, $dateTo);
+        $inviteCalendars = array_map(fn ($invite) => $invite->getCalendar(), $acceptedInvites);
+
+        // Merge
+        $allCalendars = array_merge($ownCalendars, $inviteCalendars);
+        $uniqueCalendars = [];
+        $seenIds = [];
+
+        foreach ($allCalendars as $calendar) {
+            $id = $calendar->getId();
+            if (!in_array($id, $seenIds, true)) {
+                $seenIds[] = $id;
+                $uniqueCalendars[] = $calendar;
+            }
+        }
+
+        $total = count($uniqueCalendars);
+        $paginator = $this->getPaginatorFactory()->create($total);
+
+        $offset = $paginator->getCurrentPageFirstItemNumber();
+        $limit = $paginator->getItemsPerPage();
+        $ranges = array_slice($uniqueCalendars, $offset, $limit);
+
         $collection = new Collection($ranges, $paginator);
 
         return $this->json($collection, Response::HTTP_OK, [], ['groups' => ['calendar:light']]);

src/Bundle/ChillCalendarBundle/Controller/CalendarController.php

@@ -13,6 +13,7 @@ namespace Chill\CalendarBundle\Controller;
 
 use Chill\CalendarBundle\Entity\Calendar;
 use Chill\CalendarBundle\Form\CalendarType;
+use Chill\CalendarBundle\Form\CancelType;
 use Chill\CalendarBundle\RemoteCalendar\Connector\RemoteCalendarConnectorInterface;
 use Chill\CalendarBundle\Repository\CalendarACLAwareRepositoryInterface;
 use Chill\CalendarBundle\Security\Voter\CalendarVoter;
@@ -30,6 +31,7 @@ use Chill\PersonBundle\Repository\PersonRepository;
 use Chill\PersonBundle\Security\Authorization\AccompanyingPeriodVoter;
 use Chill\PersonBundle\Security\Authorization\PersonVoter;
 use Chill\ThirdPartyBundle\Entity\ThirdParty;
+use Doctrine\ORM\EntityManagerInterface;
 use http\Exception\UnexpectedValueException;
 use Psr\Log\LoggerInterface;
 use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
@@ -60,6 +62,7 @@ class CalendarController extends AbstractController
         private readonly UserRepositoryInterface $userRepository,
         private readonly TranslatorInterface $translator,
         private readonly \Doctrine\Persistence\ManagerRegistry $managerRegistry,
+        private readonly EntityManagerInterface $em,
     ) {}
 
     /**
@@ -111,6 +114,55 @@ class CalendarController extends AbstractController
         ]);
     }
 
+    #[Route(path: '/{_locale}/calendar/calendar/{id}/cancel', name: 'chill_calendar_calendar_cancel')]
+    public function cancelAction(Calendar $calendar, Request $request): Response
+    {
+        // Deal with sms being sent or not
+        // Communicate cancellation with the remote calendar.
+
+        $this->denyAccessUnlessGranted(CalendarVoter::EDIT, $calendar);
+
+        [$person, $accompanyingPeriod] = [$calendar->getPerson(), $calendar->getAccompanyingPeriod()];
+
+        $form = $this->createForm(CancelType::class, $calendar);
+        $form->add('submit', SubmitType::class);
+
+        if ($accompanyingPeriod instanceof AccompanyingPeriod) {
+            $view = '@ChillCalendar/Calendar/cancelCalendarByAccompanyingCourse.html.twig';
+            $redirectRoute = $this->generateUrl('chill_calendar_calendar_list_by_period', ['id' => $accompanyingPeriod->getId()]);
+        } elseif ($person instanceof Person) {
+            $view = '@ChillCalendar/Calendar/cancelCalendarByPerson.html.twig';
+            $redirectRoute = $this->generateUrl('chill_calendar_calendar_list_by_person', ['id' => $person->getId()]);
+        } else {
+            throw new \RuntimeException('nor person or accompanying period');
+        }
+
+        $form->handleRequest($request);
+
+        if ($form->isSubmitted() && $form->isValid()) {
+
+            $this->logger->notice('A calendar event has been cancelled', [
+                'by_user' => $this->getUser()->getUsername(),
+                'calendar_id' => $calendar->getId(),
+            ]);
+
+            $calendar->setStatus($calendar::STATUS_CANCELED);
+            $calendar->setSmsStatus($calendar::SMS_CANCEL_PENDING);
+            $this->em->flush();
+
+            $this->addFlash('success', $this->translator->trans('chill_calendar.calendar_canceled'));
+
+            return new RedirectResponse($redirectRoute);
+        }
+
+        return $this->render($view, [
+            'calendar' => $calendar,
+            'form' => $form->createView(),
+            'accompanyingCourse' => $accompanyingPeriod,
+            'person' => $person,
+        ]);
+    }
+
     /**
      * Edit a calendar item.
      */
@@ -266,7 +318,7 @@ class CalendarController extends AbstractController
         }
 
         if (!$this->getUser() instanceof User) {
-            throw new UnauthorizedHttpException('you are not an user');
+            throw new UnauthorizedHttpException('you are not a user');
         }
 
         $view = '@ChillCalendar/Calendar/listByUser.html.twig';

src/Bundle/ChillCalendarBundle/Controller/MyInvitationsController.php

@@ -0,0 +1,58 @@
+<?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\CalendarBundle\Controller;
+
+use Chill\CalendarBundle\Entity\Calendar;
+use Chill\CalendarBundle\Repository\InviteRepository;
+use Chill\DocGeneratorBundle\Repository\DocGeneratorTemplateRepositoryInterface;
+use Chill\MainBundle\Entity\User;
+use Chill\MainBundle\Pagination\PaginatorFactory;
+use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
+use Symfony\Component\HttpFoundation\Request;
+use Symfony\Component\HttpFoundation\Response;
+use Symfony\Component\HttpKernel\Exception\UnauthorizedHttpException;
+use Symfony\Component\Routing\Annotation\Route;
+
+class MyInvitationsController extends AbstractController
+{
+    public function __construct(private readonly InviteRepository $inviteRepository, private readonly PaginatorFactory $paginator, private readonly DocGeneratorTemplateRepositoryInterface $docGeneratorTemplateRepository) {}
+
+    #[Route(path: '/{_locale}/calendar/invitations/my', name: 'chill_calendar_invitations_list_my')]
+    public function myInvitations(Request $request): Response
+    {
+        $this->denyAccessUnlessGranted('ROLE_USER');
+
+        $user = $this->getUser();
+
+        if (!$user instanceof User) {
+            throw new UnauthorizedHttpException('you are not a user');
+        }
+
+        $total = count($this->inviteRepository->findBy(['user' => $user]));
+        $paginator = $this->paginator->create($total);
+
+        $invitations = $this->inviteRepository->findBy(
+            ['user' => $user],
+            ['createdAt' => 'DESC'],
+            $paginator->getItemsPerPage(),
+            $paginator->getCurrentPageFirstItemNumber()
+        );
+
+        $view = '@ChillCalendar/Invitations/listByUser.html.twig';
+
+        return $this->render($view, [
+            'invitations' => $invitations,
+            'paginator' => $paginator,
+            'templates' => $this->docGeneratorTemplateRepository->findByEntity(Calendar::class),
+        ]);
+    }
+}

src/Bundle/ChillCalendarBundle/DataFixtures/ORM/LoadCancelReason.php

@@ -35,7 +35,7 @@ class LoadCancelReason extends Fixture implements FixtureGroupInterface
         $arr = [
             ['name' => CancelReason::CANCELEDBY_USER],
             ['name' => CancelReason::CANCELEDBY_PERSON],
-            ['name' => CancelReason::CANCELEDBY_DONOTCOUNT],
+            ['name' => CancelReason::CANCELEDBY_OTHER],
         ];
 
         foreach ($arr as $a) {

src/Bundle/ChillCalendarBundle/Entity/Calendar.php

@@ -269,6 +269,11 @@ class Calendar implements TrackCreationInterface, TrackUpdateInterface, HasCente
         return $this->cancelReason;
     }
 
+    public function isCanceled(): bool
+    {
+        return null !== $this->cancelReason;
+    }
+
     public function getCenters(): ?iterable
     {
         return match ($this->getContext()) {

src/Bundle/ChillCalendarBundle/Entity/CancelReason.php

@@ -18,14 +18,14 @@ use Doctrine\ORM\Mapping as ORM;
 #[ORM\Table(name: 'chill_calendar.cancel_reason')]
 class CancelReason
 {
-    final public const CANCELEDBY_DONOTCOUNT = 'CANCELEDBY_DONOTCOUNT';
+    final public const CANCELEDBY_OTHER = 'CANCELEDBY_OTHER';
 
     final public const CANCELEDBY_PERSON = 'CANCELEDBY_PERSON';
 
     final public const CANCELEDBY_USER = 'CANCELEDBY_USER';
 
-    #[ORM\Column(type: \Doctrine\DBAL\Types\Types::BOOLEAN)]
+    #[ORM\Column(type: \Doctrine\DBAL\Types\Types::BOOLEAN, options: ['default' => true])]
-    private ?bool $active = null;
+    private bool $active = true;
 
     #[ORM\Column(type: \Doctrine\DBAL\Types\Types::STRING, length: 255)]
     private ?string $canceledBy = null;

src/Bundle/ChillCalendarBundle/Form/CancelReasonType.php

@@ -15,7 +15,7 @@ use Chill\CalendarBundle\Entity\CancelReason;
 use Chill\MainBundle\Form\Type\TranslatableStringFormType;
 use Symfony\Component\Form\AbstractType;
 use Symfony\Component\Form\Extension\Core\Type\CheckboxType;
-use Symfony\Component\Form\Extension\Core\Type\TextType;
+use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
 use Symfony\Component\Form\FormBuilderInterface;
 use Symfony\Component\OptionsResolver\OptionsResolver;
 
@@ -28,7 +28,14 @@ class CancelReasonType extends AbstractType
             ->add('active', CheckboxType::class, [
                 'required' => false,
             ])
-            ->add('canceledBy', TextType::class);
+            ->add('canceledBy', ChoiceType::class, [
+                'choices' => [
+                    'chill_calendar.canceled_by.user' => CancelReason::CANCELEDBY_USER,
+                    'chill_calendar.canceled_by.person' => CancelReason::CANCELEDBY_PERSON,
+                    'chill_calendar.canceled_by.other' => CancelReason::CANCELEDBY_OTHER,
+                ],
+                'required' => true,
+            ]);
     }
 
     public function configureOptions(OptionsResolver $resolver)

src/Bundle/ChillCalendarBundle/Form/CancelType.php

@@ -0,0 +1,42 @@
+<?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\CalendarBundle\Form;
+
+use Chill\CalendarBundle\Entity\Calendar;
+use Chill\CalendarBundle\Entity\CancelReason;
+use Chill\MainBundle\Templating\TranslatableStringHelperInterface;
+use Symfony\Bridge\Doctrine\Form\Type\EntityType;
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\FormBuilderInterface;
+use Symfony\Component\OptionsResolver\OptionsResolver;
+
+class CancelType extends AbstractType
+{
+    public function __construct(private readonly TranslatableStringHelperInterface $translatableStringHelper) {}
+
+    public function buildForm(FormBuilderInterface $builder, array $options)
+    {
+        $builder->add('cancelReason', EntityType::class, [
+            'class' => CancelReason::class,
+            'required' => true,
+            'choice_label' => fn (CancelReason $cancelReason) => $this->translatableStringHelper->localize($cancelReason->getName()),
+        ]);
+    }
+
+    public function configureOptions(OptionsResolver $resolver)
+    {
+        $resolver->setDefaults([
+            'data_class' => Calendar::class,
+
+        ]);
+    }
+}

src/Bundle/ChillCalendarBundle/Menu/UserMenuBuilder.php

@@ -25,6 +25,13 @@ class UserMenuBuilder implements LocalMenuBuilderInterface
         if ($this->security->isGranted('ROLE_USER')) {
             $menu->addChild('My calendar list', [
                 'route' => 'chill_calendar_calendar_list_my',
+            ])
+                ->setExtras([
+                    'order' => 8,
+                    'icon' => 'tasks',
+                ]);
+            $menu->addChild('invite.list.title', [
+                'route' => 'chill_calendar_invitations_list_my',
             ])
                 ->setExtras([
                     'order' => 9,

src/Bundle/ChillCalendarBundle/Messenger/Doctrine/CalendarEntityListener.php

@@ -21,6 +21,7 @@ namespace Chill\CalendarBundle\Messenger\Doctrine;
 use Chill\CalendarBundle\Entity\Calendar;
 use Chill\CalendarBundle\Messenger\Message\CalendarMessage;
 use Chill\CalendarBundle\Messenger\Message\CalendarRemovedMessage;
+use Chill\MainBundle\Entity\User;
 use Doctrine\ORM\Event\PostPersistEventArgs;
 use Doctrine\ORM\Event\PostRemoveEventArgs;
 use Doctrine\ORM\Event\PostUpdateEventArgs;
@@ -31,6 +32,17 @@ class CalendarEntityListener
 {
     public function __construct(private readonly MessageBusInterface $messageBus, private readonly Security $security) {}
 
+    private function getAuthenticatedUser(): User
+    {
+        $user = $this->security->getUser();
+
+        if (!$user instanceof User) {
+            throw new \LogicException('Expected an instance of User.');
+        }
+
+        return $user;
+    }
+
     public function postPersist(Calendar $calendar, PostPersistEventArgs $args): void
     {
         if (!$calendar->preventEnqueueChanges) {
@@ -38,7 +50,7 @@ class CalendarEntityListener
                 new CalendarMessage(
                     $calendar,
                     CalendarMessage::CALENDAR_PERSIST,
-                    $this->security->getUser()
+                    $this->getAuthenticatedUser()
                 )
             );
         }
@@ -50,7 +62,7 @@ class CalendarEntityListener
             $this->messageBus->dispatch(
                 new CalendarRemovedMessage(
                     $calendar,
-                    $this->security->getUser()
+                    $this->getAuthenticatedUser()
                 )
             );
         }
@@ -58,12 +70,19 @@ class CalendarEntityListener
 
     public function postUpdate(Calendar $calendar, PostUpdateEventArgs $args): void
     {
-        if (!$calendar->preventEnqueueChanges) {
+        if ($calendar->getStatus() === $calendar::STATUS_CANCELED) {
+            $this->messageBus->dispatch(
+                new CalendarRemovedMessage(
+                    $calendar,
+                    $this->getAuthenticatedUser()
+                )
+            );
+        } elseif (!$calendar->preventEnqueueChanges) {
             $this->messageBus->dispatch(
                 new CalendarMessage(
                     $calendar,
                     CalendarMessage::CALENDAR_UPDATE,
-                    $this->security->getUser()
+                    $this->getAuthenticatedUser()
                 )
             );
         }

src/Bundle/ChillCalendarBundle/Messenger/Message/CalendarRemovedMessage.php

@@ -70,6 +70,8 @@ class CalendarRemovedMessage
 
     public function getRemoteId(): string
     {
+        dump($this->remoteId);
+
         return $this->remoteId;
     }
 }

src/Bundle/ChillCalendarBundle/Repository/CalendarRepository.php

@@ -191,6 +191,7 @@ class CalendarRepository implements ObjectRepository
                     $qb->expr()->eq('c.mainUser', ':user'),
                     $qb->expr()->gte('c.startDate', ':startDate'),
                     $qb->expr()->lte('c.endDate', ':endDate'),
+                    $qb->expr()->isNull('c.cancelReason'),
                 )
             )
             ->setParameters([

src/Bundle/ChillCalendarBundle/Repository/InviteRepository.php

@@ -12,6 +12,7 @@ declare(strict_types=1);
 namespace Chill\CalendarBundle\Repository;
 
 use Chill\CalendarBundle\Entity\Invite;
+use Chill\MainBundle\Entity\User;
 use Doctrine\ORM\EntityManagerInterface;
 use Doctrine\ORM\EntityRepository;
 use Doctrine\Persistence\ObjectRepository;
@@ -41,7 +42,7 @@ class InviteRepository implements ObjectRepository
     /**
      * @return array|Invite[]
      */
-    public function findBy(array $criteria, ?array $orderBy = null, ?int $limit = null, ?int $offset = null)
+    public function findBy(array $criteria, ?array $orderBy = null, ?int $limit = null, ?int $offset = null): array
     {
         return $this->entityRepository->findBy($criteria, $orderBy, $limit, $offset);
     }
@@ -51,6 +52,52 @@ class InviteRepository implements ObjectRepository
         return $this->entityRepository->findOneBy($criteria);
     }
 
+    /**
+     * Find accepted invites for a user within a date range.
+     *
+     * @return array|Invite[]
+     */
+    public function findAcceptedInvitesByUserAndDateRange(User $user, \DateTimeImmutable $from, \DateTimeImmutable $to): array
+    {
+        return $this->buildAcceptedInviteByUserAndDateRangeQuery($user, $from, $to)
+            ->getQuery()
+            ->getResult();
+    }
+
+    /**
+     * Count accepted invites for a user within a date range.
+     */
+    public function countAcceptedInvitesByUserAndDateRange(User $user, \DateTimeImmutable $from, \DateTimeImmutable $to): int
+    {
+        return $this->buildAcceptedInviteByUserAndDateRangeQuery($user, $from, $to)
+            ->select('COUNT(c)')
+            ->getQuery()
+            ->getSingleScalarResult();
+    }
+
+    public function buildAcceptedInviteByUserAndDateRangeQuery(User $user, \DateTimeImmutable $from, \DateTimeImmutable $to)
+    {
+        $qb = $this->entityRepository->createQueryBuilder('i');
+
+        return $qb
+            ->join('i.calendar', 'c')
+            ->where(
+                $qb->expr()->andX(
+                    $qb->expr()->eq('i.user', ':user'),
+                    $qb->expr()->eq('i.status', ':status'),
+                    $qb->expr()->gte('c.startDate', ':startDate'),
+                    $qb->expr()->lte('c.endDate', ':endDate'),
+                    $qb->expr()->isNull('c.cancelReason')
+                )
+            )
+            ->setParameters([
+                'user' => $user,
+                'status' => Invite::ACCEPTED,
+                'startDate' => $from,
+                'endDate' => $to,
+            ]);
+    }
+
     public function getClassName(): string
     {
         return Invite::class;

src/Bundle/ChillCalendarBundle/Resources/config/services/controller.yml

@@ -1,5 +1,6 @@
 services:
     Chill\CalendarBundle\Controller\:
         autowire: true
+        autoconfigure: true
         resource: '../../../Controller'
         tags: ['controller.service_arguments']

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

@@ -1,74 +1,76 @@
 import { EventInput } from "@fullcalendar/core";
 import {
-  DateTime,
+    DateTime,
-  Location,
+    Location,
-  User,
+    User,
-  UserAssociatedInterface,
+    UserAssociatedInterface,
 } from "../../../ChillMainBundle/Resources/public/types";
 import { Person } from "../../../ChillPersonBundle/Resources/public/types";
 
 export interface CalendarRange {
-  id: number;
+    id: number;
-  endDate: DateTime;
+    endDate: DateTime;
-  startDate: DateTime;
+    startDate: DateTime;
-  user: User;
+    user: User;
-  location: Location;
+    location: Location;
-  createdAt: DateTime;
+    createdAt: DateTime;
-  createdBy: User;
+    createdBy: User;
-  updatedAt: DateTime;
+    updatedAt: DateTime;
-  updatedBy: User;
+    updatedBy: User;
 }
 
 export interface CalendarRangeCreate {
-  user: UserAssociatedInterface;
+    user: UserAssociatedInterface;
-  startDate: DateTime;
+    startDate: DateTime;
-  endDate: DateTime;
+    endDate: DateTime;
-  location: Location;
+    location: Location;
 }
 
 export interface CalendarRangeEdit {
-  startDate?: DateTime;
+    startDate?: DateTime;
-  endDate?: DateTime;
+    endDate?: DateTime;
-  location?: Location;
+    location?: Location;
 }
 
 export interface Calendar {
-  id: number;
+    id: number;
 }
 
 export interface CalendarLight {
-  id: number;
+    id: number;
-  endDate: DateTime;
+    endDate: DateTime;
-  startDate: DateTime;
+    startDate: DateTime;
-  mainUser: User;
+    mainUser: User;
-  persons: Person[];
+    persons: Person[];
-  status: "valid" | "moved" | "canceled";
+    status: "valid" | "moved" | "canceled";
 }
 
 export interface CalendarRemote {
-  id: number;
+    id: number;
-  endDate: DateTime;
+    endDate: DateTime;
-  startDate: DateTime;
+    startDate: DateTime;
-  title: string;
+    title: string;
-  isAllDay: boolean;
+    isAllDay: boolean;
 }
 
 export type EventInputCalendarRange = EventInput & {
-  id: string;
+    id: string;
-  userId: number;
+    userId: number;
-  userLabel: string;
+    userLabel: string;
-  calendarRangeId: number;
+    calendarRangeId: number;
-  locationId: number;
+    locationId: number;
-  locationName: string;
+    locationName: string;
-  start: string;
+    start: string;
-  end: string;
+    end: string;
-  is: "range";
+    is: "range";
 };
 
 export function isEventInputCalendarRange(
-  toBeDetermined: EventInputCalendarRange | EventInput,
+    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

@@ -1,146 +1,166 @@
 <template>
-  <teleport to="#mainUser">
+    <teleport to="#mainUser">
-    <h2 class="chill-red">Utilisateur principal</h2>
+        <h2 class="chill-red">Utilisateur principal</h2>
-    <div>
+        <div>
-      <div>
+            <div>
-        <div v-if="null !== this.$store.getters.getMainUser">
+                <div v-if="null !== this.$store.getters.getMainUser">
-          <calendar-active :user="this.$store.getters.getMainUser" />
+                    <calendar-active :user="this.$store.getters.getMainUser" />
+                </div>
+                <pick-entity
+                    :multiple="false"
+                    :types="['user']"
+                    :uniqid="'main_user_calendar'"
+                    :picked="
+                        null !== this.$store.getters.getMainUser
+                            ? [this.$store.getters.getMainUser]
+                            : []
+                    "
+                    :removable-if-set="false"
+                    :display-picked="false"
+                    :suggested="this.suggestedUsers"
+                    :label="'main_user'"
+                    @add-new-entity="setMainUser"
+                />
+            </div>
         </div>
-        <pick-entity
+    </teleport>
-          :multiple="false"
-          :types="['user']"
-          :uniqid="'main_user_calendar'"
-          :picked="
-            null !== this.$store.getters.getMainUser
-              ? [this.$store.getters.getMainUser]
-              : []
-          "
-          :removable-if-set="false"
-          :display-picked="false"
-          :suggested="this.suggestedUsers"
-          :label="'main_user'"
-          @add-new-entity="setMainUser"
-        />
-      </div>
-    </div>
-  </teleport>
 
-  <concerned-groups />
+    <concerned-groups />
 
-  <teleport to="#schedule">
+    <teleport to="#schedule">
-    <div class="row mb-3" v-if="activity.startDate !== null">
+        <div class="row mb-3" v-if="activity.startDate !== null">
-      <label class="col-form-label col-sm-4">Date</label>
+            <label class="col-form-label col-sm-4">Date</label>
-      <div class="col-sm-8">
+            <div class="col-sm-8">
-        {{ $d(activity.startDate, "long") }} -
+                {{ $d(activity.startDate, "long") }} -
-        {{ $d(activity.endDate, "hoursOnly") }}
+                {{ $d(activity.endDate, "hoursOnly") }}
-        <span v-if="activity.calendarRange === null"
+                <span v-if="activity.calendarRange === null"
-          >(Pas de plage de disponibilité sélectionnée)</span
+                    >(Pas de plage de disponibilité sélectionnée)</span
+                >
+                <span v-else>(Une plage de disponibilité sélectionnée)</span>
+            </div>
+        </div>
+    </teleport>
+
+    <location />
+
+    <teleport to="#fullCalendar">
+        <div class="calendar-actives">
+            <template v-for="u in getActiveUsers" :key="u.id">
+                <calendar-active
+                    :user="u"
+                    :invite="this.$store.getters.getInviteForUser(u)"
+                />
+            </template>
+        </div>
+        <div
+            class="display-options row justify-content-between"
+            style="margin-top: 1rem"
         >
-        <span v-else>(Une plage de disponibilité sélectionnée)</span>
+            <div class="col-sm-9 col-xs-12">
-      </div>
+                <div class="input-group mb-3">
-    </div>
+                    <label class="input-group-text" for="slotDuration"
-  </teleport>
+                        >Durée des créneaux</label
-
+                    >
-  <location />
+                    <select
-
+                        v-model="slotDuration"
-  <teleport to="#fullCalendar">
+                        id="slotDuration"
-    <div class="calendar-actives">
+                        class="form-select"
-      <template v-for="u in getActiveUsers" :key="u.id">
+                    >
-        <calendar-active
+                        <option value="00:05:00">5 minutes</option>
-          :user="u"
+                        <option value="00:10:00">10 minutes</option>
-          :invite="this.$store.getters.getInviteForUser(u)"
+                        <option value="00:15:00">15 minutes</option>
-        />
+                        <option value="00:30:00">30 minutes</option>
-      </template>
+                        <option value="00:45:00">45 minutes</option>
-    </div>
+                        <option value="00:60:00">60 minutes</option>
-    <div
+                    </select>
-      class="display-options row justify-content-between"
+                    <label class="input-group-text" for="slotMinTime">De</label>
-      style="margin-top: 1rem"
+                    <select
-    >
+                        v-model="slotMinTime"
-      <div class="col-sm-9 col-xs-12">
+                        id="slotMinTime"
-        <div class="input-group mb-3">
+                        class="form-select"
-          <label class="input-group-text" for="slotDuration"
+                    >
-            >Durée des créneaux</label
+                        <option value="00:00:00">0h</option>
-          >
+                        <option value="01:00:00">1h</option>
-          <select v-model="slotDuration" id="slotDuration" class="form-select">
+                        <option value="02:00:00">2h</option>
-            <option value="00:05:00">5 minutes</option>
+                        <option value="03:00:00">3h</option>
-            <option value="00:10:00">10 minutes</option>
+                        <option value="04:00:00">4h</option>
-            <option value="00:15:00">15 minutes</option>
+                        <option value="05:00:00">5h</option>
-            <option value="00:30:00">30 minutes</option>
+                        <option value="06:00:00">6h</option>
-          </select>
+                        <option value="07:00:00">7h</option>
-          <label class="input-group-text" for="slotMinTime">De</label>
+                        <option value="08:00:00">8h</option>
-          <select v-model="slotMinTime" id="slotMinTime" class="form-select">
+                        <option value="09:00:00">9h</option>
-            <option value="00:00:00">0h</option>
+                        <option value="10:00:00">10h</option>
-            <option value="01:00:00">1h</option>
+                        <option value="11:00:00">11h</option>
-            <option value="02:00:00">2h</option>
+                        <option value="12:00:00">12h</option>
-            <option value="03:00:00">3h</option>
+                    </select>
-            <option value="04:00:00">4h</option>
+                    <label class="input-group-text" for="slotMaxTime">À</label>
-            <option value="05:00:00">5h</option>
+                    <select
-            <option value="06:00:00">6h</option>
+                        v-model="slotMaxTime"
-            <option value="07:00:00">7h</option>
+                        id="slotMaxTime"
-            <option value="08:00:00">8h</option>
+                        class="form-select"
-            <option value="09:00:00">9h</option>
+                    >
-            <option value="10:00:00">10h</option>
+                        <option value="12:00:00">12h</option>
-            <option value="11:00:00">11h</option>
+                        <option value="13:00:00">13h</option>
-            <option value="12:00:00">12h</option>
+                        <option value="14:00:00">14h</option>
-          </select>
+                        <option value="15:00:00">15h</option>
-          <label class="input-group-text" for="slotMaxTime">À</label>
+                        <option value="16:00:00">16h</option>
-          <select v-model="slotMaxTime" id="slotMaxTime" class="form-select">
+                        <option value="17:00:00">17h</option>
-            <option value="12:00:00">12h</option>
+                        <option value="18:00:00">18h</option>
-            <option value="13:00:00">13h</option>
+                        <option value="19:00:00">19h</option>
-            <option value="14:00:00">14h</option>
+                        <option value="20:00:00">20h</option>
-            <option value="15:00:00">15h</option>
+                        <option value="21:00:00">21h</option>
-            <option value="16:00:00">16h</option>
+                        <option value="22:00:00">22h</option>
-            <option value="17:00:00">17h</option>
+                        <option value="23:00:00">23h</option>
-            <option value="18:00:00">18h</option>
+                        <option value="23:59:59">24h</option>
-            <option value="19:00:00">19h</option>
+                    </select>
-            <option value="20:00:00">20h</option>
+                </div>
-            <option value="21:00:00">21h</option>
+            </div>
-            <option value="22:00:00">22h</option>
+            <div class="col-sm-3 col-xs-12">
-            <option value="23:00:00">23h</option>
+                <div class="float-end">
-            <option value="23:59:59">24h</option>
+                    <div class="form-check input-group">
-          </select>
+                        <span class="input-group-text">
+                            <input
+                                id="showHideWE"
+                                class="mt-0"
+                                type="checkbox"
+                                v-model="hideWeekends"
+                            />
+                        </span>
+                        <label
+                            for="showHideWE"
+                            class="form-check-label input-group-text"
+                            >Week-ends</label
+                        >
+                    </div>
+                </div>
+            </div>
         </div>
-      </div>
+        <FullCalendar ref="fullCalendar" :options="calendarOptions">
-      <div class="col-sm-3 col-xs-12">
+            <template #eventContent="arg">
-        <div class="float-end">
+                <span>
-          <div class="form-check input-group">
+                    <b v-if="arg.event.extendedProps.is === 'remote'">{{
-            <span class="input-group-text">
+                        arg.event.title
-              <input
+                    }}</b>
-                id="showHideWE"
+                    <b v-else-if="arg.event.extendedProps.is === 'range'"
-                class="mt-0"
+                        >{{ arg.timeText }}
-                type="checkbox"
+                        {{ arg.event.extendedProps.locationName }}
-                v-model="hideWeekends"
+                        <small>{{
-              />
+                            arg.event.extendedProps.userLabel
-            </span>
+                        }}</small></b
-            <label for="showHideWE" class="form-check-label input-group-text"
+                    >
-              >Week-ends</label
+                    <b v-else-if="arg.event.extendedProps.is === 'current'"
-            >
+                        >{{ arg.timeText }} {{ $t("current_selected") }}
-          </div>
+                    </b>
-        </div>
+                    <b v-else-if="arg.event.extendedProps.is === 'local'">{{
-      </div>
+                        arg.event.title
-    </div>
+                    }}</b>
-    <FullCalendar ref="fullCalendar" :options="calendarOptions">
+                    <b v-else
-      <template #eventContent="arg">
+                        >{{ arg.timeText }} {{ $t("current_selected") }}
-        <span>
+                    </b>
-          <b v-if="arg.event.extendedProps.is === 'remote'">{{
+                </span>
-            arg.event.title
+            </template>
-          }}</b>
+        </FullCalendar>
-          <b v-else-if="arg.event.extendedProps.is === 'range'"
+    </teleport>
-            >{{ arg.timeText }}
-            {{ arg.event.extendedProps.locationName }}
-            <small>{{ arg.event.extendedProps.userLabel }}</small></b
-          >
-          <b v-else-if="arg.event.extendedProps.is === 'current'"
-            >{{ arg.timeText }} {{ $t("current_selected") }}
-          </b>
-          <b v-else-if="arg.event.extendedProps.is === 'local'">{{
-            arg.event.title
-          }}</b>
-          <b v-else>{{ arg.timeText }} {{ $t("current_selected") }} </b>
-        </span>
-      </template>
-    </FullCalendar>
-  </teleport>
 </template>
 
 <script>
@@ -157,210 +177,219 @@ import PickEntity from "ChillMainAssets/vuejs/PickEntity/PickEntity.vue";
 import { mapGetters, mapState } from "vuex";
 
 export default {
-  name: "App",
+    name: "App",
-  components: {
+    components: {
-    ConcernedGroups,
+        ConcernedGroups,
-    Location,
+        Location,
-    FullCalendar,
+        FullCalendar,
-    CalendarActive,
+        CalendarActive,
-    PickEntity,
+        PickEntity,
-  },
-  data() {
-    return {
-      errorMsg: [],
-      showMyCalendar: false,
-      slotDuration: "00:05:00",
-      slotMinTime: "09:00:00",
-      slotMaxTime: "18:00:00",
-      hideWeekEnds: true,
-      previousUser: [],
-    };
-  },
-  computed: {
-    ...mapGetters(["getMainUser"]),
-    ...mapState(["activity"]),
-    events() {
-      return this.$store.getters.getEventSources;
     },
-    calendarOptions() {
+    data() {
-      return {
+        return {
-        locale: frLocale,
+            errorMsg: [],
-        plugins: [
+            showMyCalendar: false,
-          dayGridPlugin,
+            slotDuration: "00:05:00",
-          interactionPlugin,
+            slotMinTime: "09:00:00",
-          timeGridPlugin,
+            slotMaxTime: "18:00:00",
-          dayGridPlugin,
+            hideWeekEnds: true,
-          listPlugin,
+            previousUser: [],
-        ],
+        };
-        initialView: "timeGridWeek",
+    },
-        initialDate: this.$store.getters.getInitialDate,
+    computed: {
-        eventSources: this.events,
+        ...mapGetters(["getMainUser"]),
-        selectable: true,
+        ...mapState(["activity"]),
-        slotMinTime: this.slotMinTime,
+        events() {
-        slotMaxTime: this.slotMaxTime,
+            return this.$store.getters.getEventSources;
-        scrollTimeReset: false,
-        datesSet: this.onDatesSet,
-        select: this.onDateSelect,
-        eventChange: this.onEventChange,
-        eventClick: this.onEventClick,
-        selectMirror: true,
-        editable: true,
-        weekends: !this.hideWeekEnds,
-        headerToolbar: {
-          left: "prev,next today",
-          center: "title",
-          right: "timeGridWeek,timeGridDay,listWeek",
         },
-        views: {
+        calendarOptions() {
-          timeGrid: {
+            return {
-            slotEventOverlap: false,
+                locale: frLocale,
-            slotDuration: this.slotDuration,
+                plugins: [
-          },
+                    dayGridPlugin,
+                    interactionPlugin,
+                    timeGridPlugin,
+                    dayGridPlugin,
+                    listPlugin,
+                ],
+                initialView: "timeGridWeek",
+                initialDate: this.$store.getters.getInitialDate,
+                eventSources: this.events,
+                selectable: true,
+                slotMinTime: this.slotMinTime,
+                slotMaxTime: this.slotMaxTime,
+                scrollTimeReset: false,
+                datesSet: this.onDatesSet,
+                select: this.onDateSelect,
+                eventChange: this.onEventChange,
+                eventClick: this.onEventClick,
+                selectMirror: true,
+                editable: true,
+                weekends: !this.hideWeekEnds,
+                headerToolbar: {
+                    left: "prev,next today",
+                    center: "title",
+                    right: "timeGridWeek,timeGridDay,listWeek",
+                },
+                views: {
+                    timeGrid: {
+                        slotEventOverlap: false,
+                        slotDuration: this.slotDuration,
+                    },
+                },
+            };
+        },
+        getActiveUsers() {
+            const users = [];
+            for (const id of this.$store.state.currentView.users.keys()) {
+                users.push(this.$store.getters.getUserDataById(id).user);
+            }
+            return users;
+        },
+        suggestedUsers() {
+            const suggested = [];
+
+            this.$data.previousUser.forEach((u) => {
+                if (u.id !== this.$store.getters.getMainUser.id) {
+                    suggested.push(u);
+                }
+            });
+
+            return suggested;
         },
-      };
     },
-    getActiveUsers() {
+    methods: {
-      const users = [];
+        setMainUser({ entity }) {
-      for (const id of this.$store.state.currentView.users.keys()) {
+            const user = entity;
-        users.push(this.$store.getters.getUserDataById(id).user);
+            console.log("setMainUser APP", entity);
-      }
+
-      return users;
+            if (
+                user.id !== this.$store.getters.getMainUser &&
+                (this.$store.state.activity.calendarRange !== null ||
+                    this.$store.state.activity.startDate !== null ||
+                    this.$store.state.activity.endDate !== null)
+            ) {
+                if (
+                    !window.confirm(
+                        this.$t("change_main_user_will_reset_event_data"),
+                    )
+                ) {
+                    return;
+                }
+            }
+
+            // 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),
+                );
+                if (!suggestedUids.has(this.$store.getters.getMainUser.id)) {
+                    this.$data.previousUser.push(
+                        this.$store.getters.getMainUser,
+                    );
+                }
+            }
+
+            this.$store.dispatch("setMainUser", user);
+            this.$store.commit("showUserOnCalendar", {
+                user,
+                ranges: true,
+                remotes: true,
+            });
+        },
+        removeMainUser(user) {
+            console.log("removeMainUser APP", user);
+
+            window.alert(this.$t("main_user_is_mandatory"));
+            return;
+        },
+        onDatesSet(event) {
+            console.log("onDatesSet", event);
+            this.$store.dispatch("setCurrentDatesView", {
+                start: event.start,
+                end: event.end,
+            });
+        },
+        onDateSelect(payload) {
+            console.log("onDateSelect", payload);
+
+            // show an alert if changing mainUser
+            if (
+                (this.$store.getters.getMainUser !== null &&
+                    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"))) {
+                    return;
+                } else {
+                    this.$store.commit("showUserOnCalendar", {
+                        user: this.$store.state.me,
+                        remotes: true,
+                        ranges: true,
+                    });
+                }
+            }
+
+            this.$store.dispatch("setEventTimes", {
+                start: payload.start,
+                end: payload.end,
+            });
+        },
+        onEventChange(payload) {
+            console.log("onEventChange", payload);
+            if (this.$store.state.activity.calendarRange !== null) {
+                throw new Error(
+                    "not allowed to edit a calendar associated with a calendar range",
+                );
+            }
+            this.$store.dispatch("setEventTimes", {
+                start: payload.event.start,
+                end: payload.event.end,
+            });
+        },
+        onEventClick(payload) {
+            if (payload.event.extendedProps.is !== "range") {
+                // do nothing when clicking on remote
+                return;
+            }
+
+            // show an alert if changing mainUser
+            if (
+                this.$store.getters.getMainUser !== null &&
+                payload.event.extendedProps.userId !==
+                    this.$store.getters.getMainUser.id
+            ) {
+                if (
+                    !window.confirm(
+                        this.$t("this_calendar_range_will_change_main_user"),
+                    )
+                ) {
+                    return;
+                }
+            }
+
+            this.$store.dispatch("associateCalendarToRange", {
+                range: payload.event,
+            });
+        },
     },
-    suggestedUsers() {
-      const suggested = [];
-
-      this.$data.previousUser.forEach((u) => {
-        if (u.id !== this.$store.getters.getMainUser.id) {
-          suggested.push(u);
-        }
-      });
-
-      return suggested;
-    },
-  },
-  methods: {
-    setMainUser({ entity }) {
-      const user = entity;
-      console.log("setMainUser APP", entity);
-
-      if (
-        user.id !== this.$store.getters.getMainUser &&
-        (this.$store.state.activity.calendarRange !== null ||
-          this.$store.state.activity.startDate !== null ||
-          this.$store.state.activity.endDate !== null)
-      ) {
-        if (
-          !window.confirm(this.$t("change_main_user_will_reset_event_data"))
-        ) {
-          return;
-        }
-      }
-
-      // 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));
-        if (!suggestedUids.has(this.$store.getters.getMainUser.id)) {
-          this.$data.previousUser.push(this.$store.getters.getMainUser);
-        }
-      }
-
-      this.$store.dispatch("setMainUser", user);
-      this.$store.commit("showUserOnCalendar", {
-        user,
-        ranges: true,
-        remotes: true,
-      });
-    },
-    removeMainUser(user) {
-      console.log("removeMainUser APP", user);
-
-      window.alert(this.$t("main_user_is_mandatory"));
-      return;
-    },
-    onDatesSet(event) {
-      console.log("onDatesSet", event);
-      this.$store.dispatch("setCurrentDatesView", {
-        start: event.start,
-        end: event.end,
-      });
-    },
-    onDateSelect(payload) {
-      console.log("onDateSelect", payload);
-
-      // show an alert if changing mainUser
-      if (
-        (this.$store.getters.getMainUser !== null &&
-          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"))) {
-          return;
-        } else {
-          this.$store.commit("showUserOnCalendar", {
-            user: this.$store.state.me,
-            remotes: true,
-            ranges: true,
-          });
-        }
-      }
-
-      this.$store.dispatch("setEventTimes", {
-        start: payload.start,
-        end: payload.end,
-      });
-    },
-    onEventChange(payload) {
-      console.log("onEventChange", payload);
-      if (this.$store.state.activity.calendarRange !== null) {
-        throw new Error(
-          "not allowed to edit a calendar associated with a calendar range",
-        );
-      }
-      this.$store.dispatch("setEventTimes", {
-        start: payload.event.start,
-        end: payload.event.end,
-      });
-    },
-    onEventClick(payload) {
-      if (payload.event.extendedProps.is !== "range") {
-        // do nothing when clicking on remote
-        return;
-      }
-
-      // show an alert if changing mainUser
-      if (
-        this.$store.getters.getMainUser !== null &&
-        payload.event.extendedProps.userId !==
-          this.$store.getters.getMainUser.id
-      ) {
-        if (
-          !window.confirm(this.$t("this_calendar_range_will_change_main_user"))
-        ) {
-          return;
-        }
-      }
-
-      this.$store.dispatch("associateCalendarToRange", {
-        range: payload.event,
-      });
-    },
-  },
 };
 </script>
 
 <style>
 .calendar-actives {
-  display: flex;
+    display: flex;
-  flex-direction: row;
+    flex-direction: row;
-  flex-wrap: wrap;
+    flex-wrap: wrap;
 }
 
 .display-options {
-  margin-top: 1rem;
+    margin-top: 1rem;
 }
 
 /* for events which are range */
 .fc-event.isrange {
-  border-width: 3px;
+    border-width: 3px;
 }
 </style>

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

@@ -1,105 +1,119 @@
 <template>
-  <div :style="style" class="calendar-active">
+    <div :style="style" class="calendar-active">
-    <span class="badge-user">
+        <span class="badge-user">
-      {{ user.text }}
+            {{ user.text }}
-      <template v-if="invite !== null">
+            <template v-if="invite !== null">
-        <i v-if="invite.status === 'accepted'" class="fa fa-check" />
+                <i v-if="invite.status === 'accepted'" class="fa fa-check" />
-        <i v-else-if="invite.status === 'declined'" class="fa fa-times" />
+                <i
-        <i v-else-if="invite.status === 'pending'" class="fa fa-question-o" />
+                    v-else-if="invite.status === 'declined'"
-        <i v-else-if="invite.status === 'tentative'" class="fa fa-question" />
+                    class="fa fa-times"
-        <span v-else="">{{ invite.status }}</span>
+                />
-      </template>
+                <i
-    </span>
+                    v-else-if="invite.status === 'pending'"
-    <span class="form-check-inline form-switch">
+                    class="fa fa-question-o"
-      <input
+                />
-        class="form-check-input"
+                <i
-        type="checkbox"
+                    v-else-if="invite.status === 'tentative'"
-        id="flexSwitchCheckDefault"
+                    class="fa fa-question"
-        v-model="rangeShow"
+                />
-      />
+                <span v-else="">{{ invite.status }}</span>
-      &nbsp;<label
+            </template>
-        class="form-check-label"
+        </span>
-        for="flexSwitchCheckDefault"
+        <span class="form-check-inline form-switch">
-        title="Disponibilités"
+            <input
-        ><i class="fa fa-calendar-check-o"
+                class="form-check-input"
-      /></label>
+                type="checkbox"
-    </span>
+                id="flexSwitchCheckDefault"
-    <span class="form-check-inline form-switch">
+                v-model="rangeShow"
-      <input
+            />
-        class="form-check-input"
+            &nbsp;<label
-        type="checkbox"
+                class="form-check-label"
-        id="flexSwitchCheckDefault"
+                for="flexSwitchCheckDefault"
-        v-model="remoteShow"
+                title="Disponibilités"
-      />
+                ><i class="fa fa-calendar-check-o"
-      &nbsp;<label
+            /></label>
-        class="form-check-label"
+        </span>
-        for="flexSwitchCheckDefault"
+        <span class="form-check-inline form-switch">
-        title="Agenda"
+            <input
-        ><i class="fa fa-calendar"
+                class="form-check-input"
-      /></label>
+                type="checkbox"
-    </span>
+                id="flexSwitchCheckDefault"
-  </div>
+                v-model="remoteShow"
+            />
+            &nbsp;<label
+                class="form-check-label"
+                for="flexSwitchCheckDefault"
+                title="Agenda"
+                ><i class="fa fa-calendar"
+            /></label>
+        </span>
+    </div>
 </template>
 
 <script>
 import { mapGetters } from "vuex";
 
 export default {
-  name: "CalendarActive",
+    name: "CalendarActive",
-  props: {
+    props: {
-    user: {
+        user: {
-      type: Object,
+            type: Object,
-      required: true,
+            required: true,
+        },
+        invite: {
+            type: Object,
+            required: false,
+            default: null,
+        },
     },
-    invite: {
+    computed: {
-      type: Object,
+        style() {
-      required: false,
+            return {
-      default: null,
+                backgroundColor: this.$store.getters.getUserData(this.user)
+                    .mainColor,
+            };
+        },
+        rangeShow: {
+            set(value) {
+                this.$store.commit("showUserOnCalendar", {
+                    user: this.user,
+                    ranges: value,
+                });
+            },
+            get() {
+                return this.$store.getters.isRangeShownOnCalendarForUser(
+                    this.user,
+                );
+            },
+        },
+        remoteShow: {
+            set(value) {
+                this.$store.commit("showUserOnCalendar", {
+                    user: this.user,
+                    remotes: value,
+                });
+            },
+            get() {
+                return this.$store.getters.isRemoteShownOnCalendarForUser(
+                    this.user,
+                );
+            },
+        },
     },
-  },
-  computed: {
-    style() {
-      return {
-        backgroundColor: this.$store.getters.getUserData(this.user).mainColor,
-      };
-    },
-    rangeShow: {
-      set(value) {
-        this.$store.commit("showUserOnCalendar", {
-          user: this.user,
-          ranges: value,
-        });
-      },
-      get() {
-        return this.$store.getters.isRangeShownOnCalendarForUser(this.user);
-      },
-    },
-    remoteShow: {
-      set(value) {
-        this.$store.commit("showUserOnCalendar", {
-          user: this.user,
-          remotes: value,
-        });
-      },
-      get() {
-        return this.$store.getters.isRemoteShownOnCalendarForUser(this.user);
-      },
-    },
-  },
 };
 </script>
 
 <style scoped lang="scss">
 .calendar-active {
-  margin: 0 0.25rem 0.25rem 0;
+    margin: 0 0.25rem 0.25rem 0;
-  padding: 0.5rem;
+    padding: 0.5rem;
 
-  border-radius: 0.5rem;
+    border-radius: 0.5rem;
 
-  color: var(--bs-blue);
+    color: var(--bs-blue);
 
-  & > .badge-user {
+    & > .badge-user {
-    margin-right: 0.5rem;
+        margin-right: 0.5rem;
-  }
+    }
 }
 </style>

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Calendar/api.ts

@@ -14,37 +14,37 @@ export { whoami } from "../../../../../ChillMainBundle/Resources/public/lib/api/
  * @return Promise
  */
 export const fetchCalendarRangeForUser = (
-  user: User,
+    user: User,
-  start: Date,
+    start: Date,
-  end: Date,
+    end: Date,
 ): Promise<CalendarRange[]> => {
-  const uri = `/api/1.0/calendar/calendar-range-available/${user.id}.json`;
+    const uri = `/api/1.0/calendar/calendar-range-available/${user.id}.json`;
-  const dateFrom = datetimeToISO(start);
+    const dateFrom = datetimeToISO(start);
-  const dateTo = datetimeToISO(end);
+    const dateTo = datetimeToISO(end);
 
-  return fetchResults<CalendarRange>(uri, { dateFrom, dateTo });
+    return fetchResults<CalendarRange>(uri, { dateFrom, dateTo });
 };
 
 export const fetchCalendarRemoteForUser = (
-  user: User,
+    user: User,
-  start: Date,
+    start: Date,
-  end: Date,
+    end: Date,
 ): Promise<CalendarRemote[]> => {
-  const uri = `/api/1.0/calendar/proxy/calendar/by-user/${user.id}/events`;
+    const uri = `/api/1.0/calendar/proxy/calendar/by-user/${user.id}/events`;
-  const dateFrom = datetimeToISO(start);
+    const dateFrom = datetimeToISO(start);
-  const dateTo = datetimeToISO(end);
+    const dateTo = datetimeToISO(end);
 
-  return fetchResults<CalendarRemote>(uri, { dateFrom, dateTo });
+    return fetchResults<CalendarRemote>(uri, { dateFrom, dateTo });
 };
 
 export const fetchCalendarLocalForUser = (
-  user: User,
+    user: User,
-  start: Date,
+    start: Date,
-  end: Date,
+    end: Date,
 ): Promise<CalendarLight[]> => {
-  const uri = `/api/1.0/calendar/calendar/by-user/${user.id}.json`;
+    const uri = `/api/1.0/calendar/calendar/by-user/${user.id}.json`;
-  const dateFrom = datetimeToISO(start);
+    const dateFrom = datetimeToISO(start);
-  const dateTo = datetimeToISO(end);
+    const dateTo = datetimeToISO(end);
 
-  return fetchResults<CalendarLight>(uri, { dateFrom, dateTo });
+    return fetchResults<CalendarLight>(uri, { dateFrom, dateTo });
 };

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Calendar/const.ts

@@ -1,17 +1,17 @@
 const COLORS = [
-  /* from https://colorbrewer2.org/#type=qualitative&scheme=Set3&n=12 */
+    /* from https://colorbrewer2.org/#type=qualitative&scheme=Set3&n=12 */
-  "#8dd3c7",
+    "#8dd3c7",
-  "#ffffb3",
+    "#ffffb3",
-  "#bebada",
+    "#bebada",
-  "#fb8072",
+    "#fb8072",
-  "#80b1d3",
+    "#80b1d3",
-  "#fdb462",
+    "#fdb462",
-  "#b3de69",
+    "#b3de69",
-  "#fccde5",
+    "#fccde5",
-  "#d9d9d9",
+    "#d9d9d9",
-  "#bc80bd",
+    "#bc80bd",
-  "#ccebc5",
+    "#ccebc5",
-  "#ffed6f",
+    "#ffed6f",
 ];
 
 export { COLORS };

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Calendar/store/utils.ts

@@ -1,117 +1,117 @@
 import { COLORS } from "../const";
 import { ISOToDatetime } from "../../../../../../ChillMainBundle/Resources/public/chill/js/date";
 import {
-  DateTime,
+    DateTime,
-  User,
+    User,
 } from "../../../../../../ChillMainBundle/Resources/public/types";
 import { CalendarLight, CalendarRange, CalendarRemote } from "../../../types";
 import type { EventInputCalendarRange } from "../../../types";
 import { EventInput } from "@fullcalendar/core";
 
 export interface UserData {
-  user: User;
+    user: User;
-  calendarRanges: CalendarRange[];
+    calendarRanges: CalendarRange[];
-  calendarRangesLoaded: {}[];
+    calendarRangesLoaded: {}[];
-  remotes: CalendarRemote[];
+    remotes: CalendarRemote[];
-  remotesLoaded: {}[];
+    remotesLoaded: {}[];
-  locals: CalendarRemote[];
+    locals: CalendarRemote[];
-  localsLoaded: {}[];
+    localsLoaded: {}[];
-  mainColor: string;
+    mainColor: string;
 }
 
 export const addIdToValue = (string: string, id: number): string => {
-  const array = string ? string.split(",") : [];
+    const array = string ? string.split(",") : [];
-  array.push(id.toString());
+    array.push(id.toString());
-  const str = array.join();
+    const str = array.join();
-  return str;
+    return str;
 };
 
 export const removeIdFromValue = (string: string, id: number) => {
-  let array = string.split(",");
+    let array = string.split(",");
-  array = array.filter((el) => el !== id.toString());
+    array = array.filter((el) => el !== id.toString());
-  const str = array.join();
+    const str = array.join();
-  return str;
+    return str;
 };
 
 /*
  * Assign missing keys for the ConcernedGroups component
  */
 export const mapEntity = (entity: EventInput): EventInput => {
-  const calendar = { ...entity };
+    const calendar = { ...entity };
-  Object.assign(calendar, { thirdParties: entity.professionals });
+    Object.assign(calendar, { thirdParties: entity.professionals });
 
-  if (entity.startDate !== null) {
+    if (entity.startDate !== null) {
-    calendar.startDate = ISOToDatetime(entity.startDate.datetime);
+        calendar.startDate = ISOToDatetime(entity.startDate.datetime);
-  }
+    }
-  if (entity.endDate !== null) {
+    if (entity.endDate !== null) {
-    calendar.endDate = ISOToDatetime(entity.endDate.datetime);
+        calendar.endDate = ISOToDatetime(entity.endDate.datetime);
-  }
+    }
 
-  if (entity.calendarRange !== null) {
+    if (entity.calendarRange !== null) {
-    calendar.calendarRange.calendarRangeId = entity.calendarRange.id;
+        calendar.calendarRange.calendarRangeId = entity.calendarRange.id;
-    calendar.calendarRange.id = `range_${entity.calendarRange.id}`;
+        calendar.calendarRange.id = `range_${entity.calendarRange.id}`;
-  }
+    }
 
-  return calendar;
+    return calendar;
 };
 
 export const createUserData = (user: User, colorIndex: number): UserData => {
-  const colorId = colorIndex % COLORS.length;
+    const colorId = colorIndex % COLORS.length;
 
-  return {
+    return {
-    user: user,
+        user: user,
-    calendarRanges: [],
+        calendarRanges: [],
-    calendarRangesLoaded: [],
+        calendarRangesLoaded: [],
-    remotes: [],
+        remotes: [],
-    remotesLoaded: [],
+        remotesLoaded: [],
-    locals: [],
+        locals: [],
-    localsLoaded: [],
+        localsLoaded: [],
-    mainColor: COLORS[colorId],
+        mainColor: COLORS[colorId],
-  };
+    };
 };
 
 // TODO move this function to a more global namespace, as it is also in use in MyCalendarRange app
 export const calendarRangeToFullCalendarEvent = (
-  entity: CalendarRange,
+    entity: CalendarRange,
 ): EventInputCalendarRange => {
-  return {
+    return {
-    id: `range_${entity.id}`,
+        id: `range_${entity.id}`,
-    title: "(" + entity.user.text + ")",
+        title: "(" + entity.user.text + ")",
-    start: entity.startDate.datetime8601,
+        start: entity.startDate.datetime8601,
-    end: entity.endDate.datetime8601,
+        end: entity.endDate.datetime8601,
-    allDay: false,
+        allDay: false,
-    userId: entity.user.id,
+        userId: entity.user.id,
-    userLabel: entity.user.label,
+        userLabel: entity.user.label,
-    calendarRangeId: entity.id,
+        calendarRangeId: entity.id,
-    locationId: entity.location.id,
+        locationId: entity.location.id,
-    locationName: entity.location.name,
+        locationName: entity.location.name,
-    is: "range",
+        is: "range",
-  };
+    };
 };
 
 export const remoteToFullCalendarEvent = (
-  entity: CalendarRemote,
+    entity: CalendarRemote,
 ): EventInput & { id: string } => {
-  return {
+    return {
-    id: `range_${entity.id}`,
+        id: `range_${entity.id}`,
-    title: entity.title,
+        title: entity.title,
-    start: entity.startDate.datetime8601,
+        start: entity.startDate.datetime8601,
-    end: entity.endDate.datetime8601,
+        end: entity.endDate.datetime8601,
-    allDay: entity.isAllDay,
+        allDay: entity.isAllDay,
-    is: "remote",
+        is: "remote",
-  };
+    };
 };
 
 export const localsToFullCalendarEvent = (
-  entity: CalendarLight,
+    entity: CalendarLight,
 ): EventInput & { id: string; originId: number } => {
-  return {
+    return {
-    id: `local_${entity.id}`,
+        id: `local_${entity.id}`,
-    title: entity.persons.map((p) => p.text).join(", "),
+        title: entity.persons.map((p) => p.text).join(", "),
-    originId: entity.id,
+        originId: entity.id,
-    start: entity.startDate.datetime8601,
+        start: entity.startDate.datetime8601,
-    end: entity.endDate.datetime8601,
+        end: entity.endDate.datetime8601,
-    allDay: false,
+        allDay: false,
-    is: "local",
+        is: "local",
-  };
+    };
 };

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

@@ -1,50 +1,58 @@
 <template>
-  <div class="btn-group" role="group">
+    <div class="btn-group" role="group">
-    <button
+        <button
-      id="btnGroupDrop1"
+            id="btnGroupDrop1"
-      type="button"
+            type="button"
-      class="btn btn-misc dropdown-toggle"
+            class="btn btn-misc dropdown-toggle"
-      data-bs-toggle="dropdown"
+            data-bs-toggle="dropdown"
-      aria-expanded="false"
+            aria-expanded="false"
-    >
-      <template v-if="status === Statuses.PENDING">
-        <span class="fa fa-hourglass"></span> {{ $t("Give_an_answer") }}
-      </template>
-      <template v-else-if="status === Statuses.ACCEPTED">
-        <span class="fa fa-check"></span> {{ $t("Accepted") }}
-      </template>
-      <template v-else-if="status === Statuses.DECLINED">
-        <span class="fa fa-times"></span> {{ $t("Declined") }}
-      </template>
-      <template v-else-if="status === Statuses.TENTATIVELY_ACCEPTED">
-        <span class="fa fa-question"></span> {{ $t("Tentative") }}
-      </template>
-    </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
         >
-      </li>
+            <template v-if="status === Statuses.PENDING">
-      <li v-if="status !== Statuses.DECLINED">
+                <span class="fa fa-hourglass"></span> {{ $t("Give_an_answer") }}
-        <a class="dropdown-item" @click="changeStatus(Statuses.DECLINED)"
+            </template>
-          ><i class="fa fa-times" aria-hidden="true"></i> {{ $t("Decline") }}</a
+            <template v-else-if="status === Statuses.ACCEPTED">
-        >
+                <span class="fa fa-check"></span> {{ $t("Accepted") }}
-      </li>
+            </template>
-      <li v-if="status !== Statuses.TENTATIVELY_ACCEPTED">
+            <template v-else-if="status === Statuses.DECLINED">
-        <a
+                <span class="fa fa-times"></span> {{ $t("Declined") }}
-          class="dropdown-item"
+            </template>
-          @click="changeStatus(Statuses.TENTATIVELY_ACCEPTED)"
+            <template v-else-if="status === Statuses.TENTATIVELY_ACCEPTED">
-          ><i class="fa fa-question"></i> {{ $t("Tentatively_accept") }}</a
+                <span class="fa fa-question"></span> {{ $t("Tentative") }}
-        >
+            </template>
-      </li>
+        </button>
-      <li v-if="status !== Statuses.PENDING">
+        <ul class="dropdown-menu" aria-labelledby="btnGroupDrop1">
-        <a class="dropdown-item" @click="changeStatus(Statuses.PENDING)"
+            <li v-if="status !== Statuses.ACCEPTED">
-          ><i class="fa fa-hourglass-o"></i> {{ $t("Set_pending") }}</a
+                <a
-        >
+                    class="dropdown-item"
-      </li>
+                    @click="changeStatus(Statuses.ACCEPTED)"
-    </ul>
+                    ><i class="fa fa-check" aria-hidden="true"></i>
-  </div>
+                    {{ $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
+                >
+            </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
+                >
+            </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
+                >
+            </li>
+        </ul>
+    </div>
 </template>
 
 <script lang="ts">
@@ -56,67 +64,69 @@ const PENDING = "pending";
 const TENTATIVELY_ACCEPTED = "tentative";
 
 const i18n = {
-  messages: {
+    messages: {
-    fr: {
+        fr: {
-      Give_an_answer: "Répondre",
+            Give_an_answer: "Répondre",
-      Accepted: "Accepté",
+            Accepted: "Accepté",
-      Declined: "Refusé",
+            Declined: "Refusé",
-      Tentative: "Accepté provisoirement",
+            Tentative: "Accepté provisoirement",
-      Accept: "Accepter",
+            Accept: "Accepter",
-      Decline: "Refuser",
+            Decline: "Refuser",
-      Tentatively_accept: "Accepter provisoirement",
+            Tentatively_accept: "Accepter provisoirement",
-      Set_pending: "Ne pas répondre",
+            Set_pending: "Ne pas répondre",
+        },
     },
-  },
 };
 
 export default defineComponent({
-  name: "Answer",
+    name: "Answer",
-  i18n,
+    i18n,
-  props: {
+    props: {
-    calendarId: { type: Number, required: true },
+        calendarId: { type: Number, required: true },
-    status: {
+        status: {
-      type: String as PropType<
+            type: String as PropType<
-        "accepted" | "declined" | "pending" | "tentative"
+                "accepted" | "declined" | "pending" | "tentative"
-      >,
+            >,
-      required: true,
+            required: true,
+        },
     },
-  },
+    emits: {
-  emits: {
+        statusChanged(
-    statusChanged(payload: "accepted" | "declined" | "pending" | "tentative") {
+            payload: "accepted" | "declined" | "pending" | "tentative",
-      return true;
+        ) {
+            return true;
+        },
     },
-  },
+    data() {
-  data() {
+        return {
-    return {
+            Statuses: {
-      Statuses: {
+                ACCEPTED,
-        ACCEPTED,
+                DECLINED,
-        DECLINED,
+                PENDING,
-        PENDING,
+                TENTATIVELY_ACCEPTED,
-        TENTATIVELY_ACCEPTED,
+            },
-      },
+        };
-    };
+    },
-  },
+    methods: {
-  methods: {
+        changeStatus: function (
-    changeStatus: function (
+            newStatus: "accepted" | "declined" | "pending" | "tentative",
-      newStatus: "accepted" | "declined" | "pending" | "tentative",
+        ) {
-    ) {
+            console.log("changeStatus", newStatus);
-      console.log("changeStatus", newStatus);
+            const url = `/api/1.0/calendar/calendar/${this.$props.calendarId}/answer/${newStatus}.json`;
-      const url = `/api/1.0/calendar/calendar/${this.$props.calendarId}/answer/${newStatus}.json`;
+            window
-      window
+                .fetch(url, {
-        .fetch(url, {
+                    method: "POST",
-          method: "POST",
+                })
-        })
+                .then((r: Response) => {
-        .then((r: Response) => {
+                    if (!r.ok) {
-          if (!r.ok) {
+                        console.error("could not confirm answer", newStatus);
-            console.error("could not confirm answer", newStatus);
+                        return;
-            return;
+                    }
-          }
+                    console.log("answer sent", newStatus);
-          console.log("answer sent", newStatus);
+                    this.$emit("statusChanged", newStatus);
-          this.$emit("statusChanged", newStatus);
+                });
-        });
+        },
     },
-  },
 });
 </script>
 

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

@@ -1,177 +1,231 @@
 <template>
-  <div class="row">
+    <div class="row">
-    <div class="col-sm">
+        <div class="col-sm">
-      <label class="form-label">{{ $t("created_availabilities") }}</label>
+            <label class="form-label">{{ $t("created_availabilities") }}</label>
-      <vue-multiselect
+            <vue-multiselect
-        v-model="pickedLocation"
+                v-model="pickedLocation"
-        :options="locations"
+                :options="locations"
-        :label="'name'"
+                :label="'name'"
-        :track-by="'id'"
+                :track-by="'id'"
-        :selectLabel="'Presser \'Entrée\' pour choisir'"
+                :selectLabel="'Presser \'Entrée\' pour choisir'"
-        :selectedLabel="'Choisir'"
+                :selectedLabel="'Choisir'"
-        :deselectLabel="'Presser \'Entrée\' pour enlever'"
+                :deselectLabel="'Presser \'Entrée\' pour enlever'"
-        :placeholder="'Choisir'"
+                :placeholder="'Choisir'"
-      ></vue-multiselect>
+            ></vue-multiselect>
-    </div>
-  </div>
-  <div
-    class="display-options row justify-content-between"
-    style="margin-top: 1rem"
-  >
-    <div class="col-sm-9 col-xs-12">
-      <div class="input-group mb-3">
-        <label class="input-group-text" for="slotDuration"
-          >Durée des créneaux</label
-        >
-        <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">
-          <option value="00:00:00">0h</option>
-          <option value="01:00:00">1h</option>
-          <option value="02:00:00">2h</option>
-          <option value="03:00:00">3h</option>
-          <option value="04:00:00">4h</option>
-          <option value="05:00:00">5h</option>
-          <option value="06:00:00">6h</option>
-          <option value="07:00:00">7h</option>
-          <option value="08:00:00">8h</option>
-          <option value="09:00:00">9h</option>
-          <option value="10:00:00">10h</option>
-          <option value="11:00:00">11h</option>
-          <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">
-          <option value="12:00:00">12h</option>
-          <option value="13:00:00">13h</option>
-          <option value="14:00:00">14h</option>
-          <option value="15:00:00">15h</option>
-          <option value="16:00:00">16h</option>
-          <option value="17:00:00">17h</option>
-          <option value="18:00:00">18h</option>
-          <option value="19:00:00">19h</option>
-          <option value="20:00:00">20h</option>
-          <option value="21:00:00">21h</option>
-          <option value="22:00:00">22h</option>
-          <option value="23:00:00">23h</option>
-          <option value="23:59:59">24h</option>
-        </select>
-      </div>
-    </div>
-    <div class="col-xs-12 col-sm-3">
-      <div class="float-end">
-        <div class="form-check input-group">
-          <span class="input-group-text">
-            <input
-              id="showHideWE"
-              class="mt-0"
-              type="checkbox"
-              v-model="showWeekends"
-            />
-          </span>
-          <label for="showHideWE" class="form-check-label input-group-text"
-            >Week-ends</label
-          >
         </div>
-      </div>
     </div>
-  </div>
+    <div
-  <FullCalendar :options="calendarOptions" ref="calendarRef">
+        class="display-options row justify-content-between"
-    <template v-slot:eventContent="{ event }: { event: EventApi }">
+        style="margin-top: 1rem"
-      <span :class="eventClasses">
+    >
-        <b v-if="event.extendedProps.is === 'remote'">{{ event.title }}</b>
+        <div class="col-sm-9 col-xs-12">
-        <b v-else-if="event.extendedProps.is === 'range'"
+            <div class="input-group mb-3">
-          >{{ formatDate(event.startStr) }} -
+                <label class="input-group-text" for="slotDuration"
-          {{ event.extendedProps.locationName }}</b
+                    >Durée des créneaux</label
-        >
+                >
-        <b v-else-if="event.extendedProps.is === 'local'">{{ event.title }}</b>
+                <select
-        <b v-else>no 'is'</b>
+                    v-model="slotDuration"
-        <a
+                    id="slotDuration"
-          v-if="event.extendedProps.is === 'range'"
+                    class="form-select"
-          class="fa fa-fw fa-times delete"
+                >
-          @click.prevent="onClickDelete(event)"
+                    <option value="00:05:00">5 minutes</option>
-        >
+                    <option value="00:10:00">10 minutes</option>
-        </a>
+                    <option value="00:15:00">15 minutes</option>
-      </span>
+                    <option value="00:30:00">30 minutes</option>
-    </template>
+                    <option value="00:45:00">45 minutes</option>
-  </FullCalendar>
+                    <option value="00:60:00">60 minutes</option>
-
+                </select>
-  <div id="copy-widget">
+                <label class="input-group-text" for="slotMinTime">De</label>
-    <div class="container mt-2 mb-2">
+                <select
-      <div class="row justify-content-between align-items-center mb-4">
+                    v-model="slotMinTime"
-        <div class="col-xs-12 col-sm-3 col-md-2">
+                    id="slotMinTime"
-          <h6 class="chill-red">{{ $t("copy_range_from_to") }}</h6>
+                    class="form-select"
+                >
+                    <option value="00:00:00">0h</option>
+                    <option value="01:00:00">1h</option>
+                    <option value="02:00:00">2h</option>
+                    <option value="03:00:00">3h</option>
+                    <option value="04:00:00">4h</option>
+                    <option value="05:00:00">5h</option>
+                    <option value="06:00:00">6h</option>
+                    <option value="07:00:00">7h</option>
+                    <option value="08:00:00">8h</option>
+                    <option value="09:00:00">9h</option>
+                    <option value="10:00:00">10h</option>
+                    <option value="11:00:00">11h</option>
+                    <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"
+                >
+                    <option value="12:00:00">12h</option>
+                    <option value="13:00:00">13h</option>
+                    <option value="14:00:00">14h</option>
+                    <option value="15:00:00">15h</option>
+                    <option value="16:00:00">16h</option>
+                    <option value="17:00:00">17h</option>
+                    <option value="18:00:00">18h</option>
+                    <option value="19:00:00">19h</option>
+                    <option value="20:00:00">20h</option>
+                    <option value="21:00:00">21h</option>
+                    <option value="22:00:00">22h</option>
+                    <option value="23:00:00">23h</option>
+                    <option value="23:59:59">24h</option>
+                </select>
+            </div>
         </div>
-        <div class="col-xs-12 col-sm-9 col-md-2">
+        <div class="col-xs-12 col-sm-3">
-          <select v-model="dayOrWeek" id="dayOrWeek" class="form-select">
+            <div class="float-end">
-            <option value="day">{{ $t("from_day_to_day") }}</option>
+                <div class="form-check input-group">
-            <option value="week">
+                    <span class="input-group-text">
-              {{ $t("from_week_to_week") }}
+                        <input
-            </option>
+                            id="showHideWE"
-          </select>
+                            class="mt-0"
+                            type="checkbox"
+                            v-model="showWeekends"
+                        />
+                    </span>
+                    <label
+                        for="showHideWE"
+                        class="form-check-label input-group-text"
+                        >Week-ends</label
+                    >
+                </div>
+            </div>
         </div>
-        <template v-if="dayOrWeek === 'day'">
+    </div>
-          <div class="col-xs-12 col-sm-3 col-md-3">
+    <FullCalendar :options="calendarOptions" ref="calendarRef">
-            <input class="form-control" type="date" v-model="copyFrom" />
+        <template v-slot:eventContent="{ event }: { event: EventApi }">
-          </div>
+            <span :class="eventClasses">
-          <div class="col-xs-12 col-sm-1 col-md-1 copy-chevron">
+                <b v-if="event.extendedProps.is === 'remote'">{{
-            <i class="fa fa-angle-double-right"></i>
+                    event.title
-          </div>
+                }}</b>
-          <div class="col-xs-12 col-sm-3 col-md-3">
+                <b v-else-if="event.extendedProps.is === 'range'"
-            <input class="form-control" type="date" v-model="copyTo" />
+                    >{{ formatDate(event.startStr, "time") }} -
-          </div>
+                    {{ formatDate(event.endStr, "time") }}:
-          <div class="col-xs-12 col-sm-5 col-md-1">
+                    {{ event.extendedProps.locationName }}</b
-            <button class="btn btn-action float-end" @click="copyDay">
+                >
-              {{ $t("copy_range") }}
+                <a
-            </button>
+                    :href="calendarLink(event.id)"
-          </div>
+                    v-else-if="event.extendedProps.is === 'local'"
+                >
+                    <b>{{ event.title }}</b>
+                </a>
+                <b v-else>no 'is'</b>
+                <a
+                    v-if="event.extendedProps.is === 'range'"
+                    class="fa fa-fw fa-times delete"
+                    @click.prevent="onClickDelete(event)"
+                >
+                </a>
+            </span>
         </template>
-        <template v-else>
+    </FullCalendar>
-          <div class="col-xs-12 col-sm-3 col-md-3">
-            <select
-              v-model="copyFromWeek"
-              id="copyFromWeek"
-              class="form-select"
-            >
-              <option v-for="w in lastWeeks" :value="w.value" :key="w.value">
-                {{ w.text }}
-              </option>
-            </select>
-          </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">
-            <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">
-              {{ $t("copy_range") }}
-            </button>
-          </div>
-        </template>
-      </div>
-    </div>
-  </div>
 
-  <!-- not directly seen, but include in a modal -->
+    <div id="copy-widget">
-  <edit-location ref="editLocation"></edit-location>
+        <div class="container mt-2 mb-2">
+            <div class="row justify-content-between align-items-center mb-4">
+                <div class="col-xs-12 col-sm-3 col-md-2">
+                    <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"
+                    >
+                        <option value="day">{{ $t("from_day_to_day") }}</option>
+                        <option value="week">
+                            {{ $t("from_week_to_week") }}
+                        </option>
+                    </select>
+                </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"
+                        />
+                    </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"
+                        />
+                    </div>
+                    <div class="col-xs-12 col-sm-5 col-md-1">
+                        <button
+                            class="btn btn-action float-end"
+                            @click="copyDay"
+                        >
+                            {{ $t("copy_range") }}
+                        </button>
+                    </div>
+                </template>
+                <template v-else>
+                    <div class="col-xs-12 col-sm-3 col-md-3">
+                        <select
+                            v-model="copyFromWeek"
+                            id="copyFromWeek"
+                            class="form-select"
+                        >
+                            <option
+                                v-for="w in lastWeeks"
+                                :value="w.value"
+                                :key="w.value"
+                            >
+                                {{ w.text }}
+                            </option>
+                        </select>
+                    </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">
+                        <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"
+                        >
+                            {{ $t("copy_range") }}
+                        </button>
+                    </div>
+                </template>
+            </div>
+        </div>
+    </div>
+
+    <!-- not directly seen, but include in a modal -->
+    <edit-location ref="editLocation"></edit-location>
 </template>
 
 <script setup lang="ts">
 import type {
-  CalendarOptions,
+    CalendarOptions,
-  DatesSetArg,
+    DatesSetArg,
-  EventInput,
+    EventInput,
 } from "@fullcalendar/core";
 import { computed, ref, onMounted } from "vue";
 import { useStore } from "vuex";
@@ -179,14 +233,14 @@ import { key } from "./store";
 import FullCalendar from "@fullcalendar/vue3";
 import frLocale from "@fullcalendar/core/locales/fr";
 import interactionPlugin, {
-  EventResizeDoneArg,
+    EventResizeDoneArg,
 } from "@fullcalendar/interaction";
 import timeGridPlugin from "@fullcalendar/timegrid";
 import {
-  EventApi,
+    EventApi,
-  DateSelectArg,
+    DateSelectArg,
-  EventDropArg,
+    EventDropArg,
-  EventClickArg,
+    EventClickArg,
 } from "@fullcalendar/core";
 import { dateToISO, ISOToDate } from "ChillMainAssets/chill/js/date";
 import VueMultiselect from "vue-multiselect";
@@ -207,96 +261,113 @@ const copyFromWeek = ref<string | null>(null);
 const copyToWeek = ref<string | null>(null);
 
 interface Weeks {
-  value: string | null;
+    value: string | null;
-  text: string;
+    text: string;
 }
 
 const getMonday = (week: number): Date => {
-  const lastMonday = new Date();
+    const lastMonday = new Date();
-  lastMonday.setDate(
+    lastMonday.setDate(
-    lastMonday.getDate() - ((lastMonday.getDay() + 6) % 7) + week * 7,
+        lastMonday.getDate() - ((lastMonday.getDay() + 6) % 7) + week * 7,
-  );
+    );
-  return lastMonday;
+    return lastMonday;
 };
 
 const dateOptions: Intl.DateTimeFormatOptions = {
-  weekday: "long",
+    weekday: "long",
-  year: "numeric",
+    year: "numeric",
-  month: "long",
+    month: "long",
-  day: "numeric",
+    day: "numeric",
 };
 
 const lastWeeks = computed((): Weeks[] =>
-  Array.from(Array(30).keys()).map((w) => {
+    Array.from(Array(30).keys()).map((w) => {
-    const lastMonday = getMonday(15 - w);
+        const lastMonday = getMonday(15 - w);
-    return {
+        return {
-      value: dateToISO(lastMonday),
+            value: dateToISO(lastMonday),
-      text: `Semaine du ${lastMonday.toLocaleDateString("fr-FR", dateOptions)}`,
+            text: `Semaine du ${lastMonday.toLocaleDateString("fr-FR", dateOptions)}`,
-    };
+        };
-  }),
+    }),
 );
 
 const nextWeeks = computed((): Weeks[] =>
-  Array.from(Array(52).keys()).map((w) => {
+    Array.from(Array(52).keys()).map((w) => {
-    const nextMonday = getMonday(w + 1);
+        const nextMonday = getMonday(w + 1);
-    return {
+        return {
-      value: dateToISO(nextMonday),
+            value: dateToISO(nextMonday),
-      text: `Semaine du ${nextMonday.toLocaleDateString("fr-FR", dateOptions)}`,
+            text: `Semaine du ${nextMonday.toLocaleDateString("fr-FR", dateOptions)}`,
-    };
+        };
-  }),
+    }),
 );
 
-const formatDate = (datetime: string) => {
+const formatDate = (datetime: string, format: null | "time" = null) => {
-  console.log(typeof datetime);
+    const date = ISOToDate(datetime);
-  return ISOToDate(datetime);
+    if (!date) return "";
+
+    if (format === "time") {
+        return date.toLocaleTimeString("fr-FR", {
+            hour: "2-digit",
+            minute: "2-digit",
+        });
+    }
+
+    // French date formatting
+    return date.toLocaleDateString("fr-FR", {
+        weekday: "short",
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit",
+    });
 };
 
 const baseOptions = ref<CalendarOptions>({
-  locale: frLocale,
+    locale: frLocale,
-  plugins: [interactionPlugin, timeGridPlugin],
+    plugins: [interactionPlugin, timeGridPlugin],
-  initialView: "timeGridWeek",
+    initialView: "timeGridWeek",
-  initialDate: new Date(),
+    initialDate: new Date(),
-  scrollTimeReset: false,
+    scrollTimeReset: false,
-  selectable: true,
+    selectable: true,
-  // when the dates are changes in the fullcalendar view OR when new events are added
+    // when the dates are changes in the fullcalendar view OR when new events are added
-  datesSet: onDatesSet,
+    datesSet: onDatesSet,
-  // when a date is selected
+    // when a date is selected
-  select: onDateSelect,
+    select: onDateSelect,
-  // when a event is resized
+    // when a event is resized
-  eventResize: onEventDropOrResize,
+    eventResize: onEventDropOrResize,
-  // when an event is moved
+    // when an event is moved
-  eventDrop: onEventDropOrResize,
+    eventDrop: onEventDropOrResize,
-  // when an event si clicked
+    // when an event si clicked
-  eventClick: onEventClick,
+    eventClick: onEventClick,
-  selectMirror: false,
+    selectMirror: false,
-  editable: true,
+    editable: true,
-  headerToolbar: {
+    headerToolbar: {
-    left: "prev,next today",
+        left: "prev,next today",
-    center: "title",
+        center: "title",
-    right: "timeGridWeek,timeGridDay",
+        right: "timeGridWeek,timeGridDay",
-  },
+    },
 });
 
 const ranges = computed<EventInput[]>(() => {
-  return store.state.calendarRanges.ranges;
+    return store.state.calendarRanges.ranges;
 });
 
 const locations = computed<Location[]>(() => {
-  return store.state.locations.locations;
+    return store.state.locations.locations;
 });
 
 const pickedLocation = computed<Location | null>({
-  get(): Location | null {
+    get(): Location | null {
-    return (
+        return (
-      store.state.locations.locationPicked ||
+            store.state.locations.locationPicked ||
-      store.state.locations.currentLocation
+            store.state.locations.currentLocation
-    );
+        );
-  },
+    },
-  set(newLocation: Location | null): void {
+    set(newLocation: Location | null): void {
-    store.commit("locations/setLocationPicked", newLocation, {
+        store.commit("locations/setLocationPicked", newLocation, {
-      root: true,
+            root: true,
-    });
+        });
-  },
+    },
 });
 
 /**
@@ -325,116 +396,122 @@ const sources = computed<EventSourceInput[]>(() => {
 */
 
 const calendarOptions = computed((): CalendarOptions => {
-  return {
+    return {
-    ...baseOptions.value,
+        ...baseOptions.value,
-    weekends: showWeekends.value,
+        weekends: showWeekends.value,
-    slotDuration: slotDuration.value,
+        slotDuration: slotDuration.value,
-    events: ranges.value,
+        events: ranges.value,
-    slotMinTime: slotMinTime.value,
+        slotMinTime: slotMinTime.value,
-    slotMaxTime: slotMaxTime.value,
+        slotMaxTime: slotMaxTime.value,
-  };
+    };
 });
 
 /**
  * launched when the calendar range date change
  */
 function onDatesSet(event: DatesSetArg): void {
-  store.dispatch("fullCalendar/setCurrentDatesView", {
+    store.dispatch("fullCalendar/setCurrentDatesView", {
-    start: event.start,
+        start: event.start,
-    end: event.end,
+        end: event.end,
-  });
+    });
 }
 
 function onDateSelect(event: DateSelectArg): void {
-  if (null === pickedLocation.value) {
+    if (null === pickedLocation.value) {
-    window.alert(
+        window.alert(
-      "Indiquez une localisation avant de créer une période de disponibilité.",
+            "Indiquez une localisation avant de créer une période de disponibilité.",
-    );
+        );
-    return;
+        return;
-  }
+    }
 
-  store.dispatch("calendarRanges/createRange", {
+    store.dispatch("calendarRanges/createRange", {
-    start: event.start,
+        start: event.start,
-    end: event.end,
+        end: event.end,
-    location: pickedLocation.value,
+        location: pickedLocation.value,
-  });
+    });
 }
 
 /**
  * When a calendar range is deleted
  */
 function onClickDelete(event: EventApi): void {
-  if (event.extendedProps.is !== "range") {
+    if (event.extendedProps.is !== "range") {
-    return;
+        return;
-  }
+    }
 
-  store.dispatch(
+    store.dispatch(
-    "calendarRanges/deleteRange",
+        "calendarRanges/deleteRange",
-    event.extendedProps.calendarRangeId,
+        event.extendedProps.calendarRangeId,
-  );
+    );
 }
 
 function onEventDropOrResize(payload: EventDropArg | EventResizeDoneArg) {
-  if (payload.event.extendedProps.is !== "range") {
+    if (payload.event.extendedProps.is !== "range") {
-    return;
+        return;
-  }
+    }
 
-  store.dispatch("calendarRanges/patchRangeTime", {
+    store.dispatch("calendarRanges/patchRangeTime", {
-    calendarRangeId: payload.event.extendedProps.calendarRangeId,
+        calendarRangeId: payload.event.extendedProps.calendarRangeId,
-    start: payload.event.start,
+        start: payload.event.start,
-    end: payload.event.end,
+        end: payload.event.end,
-  });
+    });
 }
 
 function onEventClick(payload: EventClickArg): void {
-  // @ts-ignore TS does not recognize the target. But it does exists.
+    // @ts-ignore TS does not recognize the target. But it does exists.
-  if (payload.jsEvent.target.classList.contains("delete")) {
+    if (payload.jsEvent.target.classList.contains("delete")) {
-    return;
+        return;
-  }
+    }
-  if (payload.event.extendedProps.is !== "range") {
+    if (payload.event.extendedProps.is !== "range") {
-    return;
+        return;
-  }
+    }
 
-  editLocation.value?.startEdit(payload.event);
+    editLocation.value?.startEdit(payload.event);
 }
 
 function copyDay() {
-  if (null === copyFrom.value || null === copyTo.value) {
+    if (null === copyFrom.value || null === copyTo.value) {
-    return;
+        return;
-  }
+    }
-  store.dispatch("calendarRanges/copyFromDayToAnotherDay", {
+    store.dispatch("calendarRanges/copyFromDayToAnotherDay", {
-    from: ISOToDate(copyFrom.value),
+        from: ISOToDate(copyFrom.value),
-    to: ISOToDate(copyTo.value),
+        to: ISOToDate(copyTo.value),
-  });
+    });
 }
 
 function copyWeek() {
-  if (null === copyFromWeek.value || null === copyToWeek.value) {
+    if (null === copyFromWeek.value || null === copyToWeek.value) {
-    return;
+        return;
-  }
+    }
-  store.dispatch("calendarRanges/copyFromWeekToAnotherWeek", {
+    store.dispatch("calendarRanges/copyFromWeekToAnotherWeek", {
-    fromMonday: ISOToDate(copyFromWeek.value),
+        fromMonday: ISOToDate(copyFromWeek.value),
-    toMonday: ISOToDate(copyToWeek.value),
+        toMonday: ISOToDate(copyToWeek.value),
-  });
+    });
 }
 
+const calendarLink = (calendarId: string) => {
+    const idStr = calendarId.match(/_(\d+)$/)?.[1];
+
+    return `/fr/calendar/calendar/${idStr}/edit`;
+};
+
 onMounted(() => {
-  copyFromWeek.value = dateToISO(getMonday(0));
+    copyFromWeek.value = dateToISO(getMonday(0));
-  copyToWeek.value = dateToISO(getMonday(1));
+    copyToWeek.value = dateToISO(getMonday(1));
 });
 </script>
 
 <style scoped>
 #copy-widget {
-  position: sticky;
+    position: sticky;
-  bottom: 0px;
+    bottom: 0px;
-  background-color: white;
+    background-color: white;
-  z-index: 9999999999;
+    z-index: 9999999999;
-  padding: 0.25rem 0 0.25rem;
+    padding: 0.25rem 0 0.25rem;
 }
 div.copy-chevron {
-  text-align: center;
+    text-align: center;
-  font-size: x-large;
+    font-size: x-large;
-  width: 2rem;
+    width: 2rem;
 }
 </style>

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/Components/EditLocation.vue

@@ -1,28 +1,28 @@
 <template>
-  <component :is="Teleport" to="body">
+    <component :is="Teleport" to="body">
-    <modal v-if="showModal" @close="closeModal">
+        <modal v-if="showModal" @close="closeModal">
-      <template v-slot:header>
+            <template v-slot:header>
-        <h3>{{ "Modifier le lieu" }}</h3>
+                <h3>{{ "Modifier le lieu" }}</h3>
-      </template>
+            </template>
 
-      <template v-slot:body>
+            <template v-slot:body>
-        <div></div>
+                <div></div>
-        <label>Localisation</label>
+                <label>Localisation</label>
-        <vue-multiselect
+                <vue-multiselect
-          v-model="location"
+                    v-model="location"
-          :options="locations"
+                    :options="locations"
-          :label="'name'"
+                    :label="'name'"
-          :track-by="'id'"
+                    :track-by="'id'"
-        ></vue-multiselect>
+                ></vue-multiselect>
-      </template>
+            </template>
 
-      <template v-slot:footer>
+            <template v-slot:footer>
-        <button class="btn btn-save" @click="saveAndClose">
+                <button class="btn btn-save" @click="saveAndClose">
-          {{ "Enregistrer" }}
+                    {{ "Enregistrer" }}
-        </button>
+                </button>
-      </template>
+            </template>
-    </modal>
+        </modal>
-  </component>
+    </component>
 </template>
 
 <script setup lang="ts">
@@ -39,7 +39,7 @@ import VueMultiselect from "vue-multiselect";
 import { Teleport as teleport_, TeleportProps, VNodeProps } from "vue";
 
 const Teleport = teleport_ as new () => {
-  $props: VNodeProps & TeleportProps;
+    $props: VNodeProps & TeleportProps;
 };
 
 const store = useStore(key);
@@ -50,37 +50,37 @@ const showModal = ref(false);
 //const tele = ref<InstanceType<typeof Teleport> | null>(null);
 
 const locations = computed<Location[]>(() => {
-  return store.state.locations.locations;
+    return store.state.locations.locations;
 });
 
 const startEdit = function (event: EventApi): void {
-  console.log("startEditing", event);
+    console.log("startEditing", event);
-  calendarRangeId.value = event.extendedProps.calendarRangeId;
+    calendarRangeId.value = event.extendedProps.calendarRangeId;
-  location.value =
+    location.value =
-    store.getters["locations/getLocationById"](
+        store.getters["locations/getLocationById"](
-      event.extendedProps.locationId,
+            event.extendedProps.locationId,
-    ) || null;
+        ) || null;
 
-  console.log("new location value", location.value);
+    console.log("new location value", location.value);
-  console.log("calendar range id", calendarRangeId.value);
+    console.log("calendar range id", calendarRangeId.value);
-  showModal.value = true;
+    showModal.value = true;
 };
 
 const saveAndClose = function (e: Event): void {
-  console.log("saveEditAndClose", e);
+    console.log("saveEditAndClose", e);
 
-  store
+    store
-    .dispatch("calendarRanges/patchRangeLocation", {
+        .dispatch("calendarRanges/patchRangeLocation", {
-      location: location.value,
+            location: location.value,
-      calendarRangeId: calendarRangeId.value,
+            calendarRangeId: calendarRangeId.value,
-    })
+        })
-    .then((_) => {
+        .then((_) => {
-      showModal.value = false;
+            showModal.value = false;
-    });
+        });
 };
 
 const closeModal = function (_: any): void {
-  showModal.value = false;
+    showModal.value = false;
 };
 
 defineExpose({ startEdit });

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/i18n.ts

@@ -1,27 +1,27 @@
 const appMessages = {
-  fr: {
+    fr: {
-    created_availabilities: "Lieu des plages de disponibilités créées",
+        created_availabilities: "Lieu des plages de disponibilités créées",
-    edit_your_calendar_range: "Planifiez vos plages de disponibilités",
+        edit_your_calendar_range: "Planifiez vos plages de disponibilités",
-    show_my_calendar: "Afficher mon calendrier",
+        show_my_calendar: "Afficher mon calendrier",
-    show_weekends: "Afficher les week-ends",
+        show_weekends: "Afficher les week-ends",
-    copy_range: "Copier",
+        copy_range: "Copier",
-    copy_range_from_to: "Copier les plages",
+        copy_range_from_to: "Copier les plages",
-    from_day_to_day: "d'un jour à l'autre",
+        from_day_to_day: "d'un jour à l'autre",
-    from_week_to_week: "d'une semaine à l'autre",
+        from_week_to_week: "d'une semaine à l'autre",
-    copy_range_how_to:
+        copy_range_how_to:
-      "Créez les plages de disponibilités durant une journée et copiez-les facilement au jour suivant avec ce bouton. Si les week-ends sont cachés, le jour suivant un vendredi sera le lundi.",
+            "Créez les plages de disponibilités durant une journée et copiez-les facilement au jour suivant avec ce bouton. Si les week-ends sont cachés, le jour suivant un vendredi sera le lundi.",
-    new_range_to_save: "Nouvelles plages à enregistrer",
+        new_range_to_save: "Nouvelles plages à enregistrer",
-    update_range_to_save: "Plages à modifier",
+        update_range_to_save: "Plages à modifier",
-    delete_range_to_save: "Plages à supprimer",
+        delete_range_to_save: "Plages à supprimer",
-    by: "Par",
+        by: "Par",
-    main_user_concerned: "Utilisateur concerné",
+        main_user_concerned: "Utilisateur concerné",
-    dateFrom: "De",
+        dateFrom: "De",
-    dateTo: "à",
+        dateTo: "à",
-    day: "Jour",
+        day: "Jour",
-    week: "Semaine",
+        week: "Semaine",
-    month: "Mois",
+        month: "Mois",
-    today: "Aujourd'hui",
+        today: "Aujourd'hui",
-  },
+    },
 };
 
 export { appMessages };

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/index2.ts

@@ -7,13 +7,13 @@ import App2 from "./App2.vue";
 import { useI18n } from "vue-i18n";
 
 futureStore().then((store) => {
-  const i18n = _createI18n(appMessages, false);
+    const i18n = _createI18n(appMessages, false);
 
-  const app = createApp({
+    const app = createApp({
-    template: `<app></app>`,
+        template: `<app></app>`,
-  })
+    })
-    .use(store, key)
+        .use(store, key)
-    .use(i18n)
+        .use(i18n)
-    .component("app", App2)
+        .component("app", App2)
-    .mount("#myCalendar");
+        .mount("#myCalendar");
 });

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

@@ -5,7 +5,7 @@ import me, { MeState } from "./modules/me";
 import fullCalendar, { FullCalendarState } from "./modules/fullcalendar";
 import calendarRanges, { CalendarRangesState } from "./modules/calendarRanges";
 import calendarRemotes, {
-  CalendarRemotesState,
+    CalendarRemotesState,
 } from "./modules/calendarRemotes";
 import { whoami } from "../../../../../../ChillMainBundle/Resources/public/lib/api/user";
 import { User } from "../../../../../../ChillMainBundle/Resources/public/types";
@@ -15,40 +15,42 @@ import calendarLocals, { CalendarLocalsState } from "./modules/calendarLocals";
 const debug = process.env.NODE_ENV !== "production";
 
 export interface State {
-  calendarRanges: CalendarRangesState;
+    calendarRanges: CalendarRangesState;
-  calendarRemotes: CalendarRemotesState;
+    calendarRemotes: CalendarRemotesState;
-  calendarLocals: CalendarLocalsState;
+    calendarLocals: CalendarLocalsState;
-  fullCalendar: FullCalendarState;
+    fullCalendar: FullCalendarState;
-  me: MeState;
+    me: MeState;
-  locations: LocationState;
+    locations: LocationState;
 }
 
 export const key: InjectionKey<Store<State>> = Symbol();
 
 const futureStore = function (): Promise<Store<State>> {
-  return whoami().then((user: User) => {
+    return whoami().then((user: User) => {
-    const store = createStore<State>({
+        const store = createStore<State>({
-      strict: debug,
+            strict: debug,
-      modules: {
+            modules: {
-        me,
+                me,
-        fullCalendar,
+                fullCalendar,
-        calendarRanges,
+                calendarRanges,
-        calendarRemotes,
+                calendarRemotes,
-        calendarLocals,
+                calendarLocals,
-        locations,
+                locations,
-      },
+            },
-      mutations: {},
+            mutations: {},
-    });
+        });
 
-    store.commit("me/setWhoAmi", user, { root: true });
+        store.commit("me/setWhoAmi", user, { root: true });
-    store.dispatch("locations/getLocations", null, { root: true }).then((_) => {
+        store
-      return store.dispatch("locations/getCurrentLocation", null, {
+            .dispatch("locations/getLocations", null, { root: true })
-        root: true,
+            .then((_) => {
-      });
+                return store.dispatch("locations/getCurrentLocation", null, {
-    });
+                    root: true,
+                });
+            });
 
-    return Promise.resolve(store);
+        return Promise.resolve(store);
-  });
+    });
 };
 
 export default futureStore;

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

@@ -8,99 +8,109 @@ import { TransportExceptionInterface } from "../../../../../../../ChillMainBundl
 import { COLORS } from "../../../Calendar/const";
 
 export interface CalendarLocalsState {
-  locals: EventInput[];
+    locals: EventInput[];
-  localsLoaded: { start: number; end: number }[];
+    localsLoaded: { start: number; end: number }[];
-  localsIndex: Set<string>;
+    localsIndex: Set<string>;
-  key: number;
+    key: number;
 }
 
 type Context = ActionContext<CalendarLocalsState, State>;
 
 export default {
-  namespaced: true,
+    namespaced: true,
-  state: (): CalendarLocalsState => ({
+    state: (): CalendarLocalsState => ({
-    locals: [],
+        locals: [],
-    localsLoaded: [],
+        localsLoaded: [],
-    localsIndex: new Set<string>(),
+        localsIndex: new Set<string>(),
-    key: 0,
+        key: 0,
-  }),
+    }),
-  getters: {
+    getters: {
-    isLocalsLoaded:
+        isLocalsLoaded:
-      (state: CalendarLocalsState) =>
+            (state: CalendarLocalsState) =>
-      ({ start, end }: { start: Date; end: Date }): boolean => {
+            ({ start, end }: { start: Date; end: Date }): boolean => {
-        for (const range of state.localsLoaded) {
+                for (const range of state.localsLoaded) {
-          if (start.getTime() === range.start && end.getTime() === range.end) {
+                    if (
-            return true;
+                        start.getTime() === range.start &&
-          }
+                        end.getTime() === range.end
-        }
+                    ) {
+                        return true;
+                    }
+                }
 
-        return false;
+                return false;
-      },
+            },
-  },
-  mutations: {
-    addLocals(state: CalendarLocalsState, ranges: CalendarLight[]) {
-      console.log("addLocals", ranges);
-
-      const toAdd = ranges
-        .map((cr) => localsToFullCalendarEvent(cr))
-        .filter((r) => !state.localsIndex.has(r.id));
-
-      toAdd.forEach((r) => {
-        state.localsIndex.add(r.id);
-        state.locals.push(r);
-      });
-      state.key = state.key + toAdd.length;
     },
-    addLoaded(state: CalendarLocalsState, payload: { start: Date; end: Date }) {
+    mutations: {
-      state.localsLoaded.push({
+        addLocals(state: CalendarLocalsState, ranges: CalendarLight[]) {
-        start: payload.start.getTime(),
+            console.log("addLocals", ranges);
-        end: payload.end.getTime(),
+
-      });
+            const toAdd = ranges
+                .map((cr) => localsToFullCalendarEvent(cr))
+                .filter((r) => !state.localsIndex.has(r.id));
+
+            toAdd.forEach((r) => {
+                state.localsIndex.add(r.id);
+                state.locals.push(r);
+            });
+            state.key = state.key + toAdd.length;
+        },
+        addLoaded(
+            state: CalendarLocalsState,
+            payload: { start: Date; end: Date },
+        ) {
+            state.localsLoaded.push({
+                start: payload.start.getTime(),
+                end: payload.end.getTime(),
+            });
+        },
     },
-  },
+    actions: {
-  actions: {
+        fetchLocals(
-    fetchLocals(
+            ctx: Context,
-      ctx: Context,
+            payload: { start: Date; end: Date },
-      payload: { start: Date; end: Date },
+        ): Promise<null> {
-    ): Promise<null> {
+            const start = payload.start;
-      const start = payload.start;
+            const end = payload.end;
-      const end = payload.end;
 
-      if (ctx.rootGetters["me/getMe"] === null) {
+            if (ctx.rootGetters["me/getMe"] === null) {
-        return Promise.resolve(null);
+                return Promise.resolve(null);
-      }
+            }
 
-      if (ctx.getters.isLocalsLoaded({ start, end })) {
+            if (ctx.getters.isLocalsLoaded({ start, end })) {
-        return Promise.resolve(ctx.getters.getRangeSource);
+                return Promise.resolve(ctx.getters.getRangeSource);
-      }
+            }
 
-      ctx.commit("addLoaded", {
+            ctx.commit("addLoaded", {
-        start: start,
+                start: start,
-        end: end,
+                end: end,
-      });
+            });
 
-      return fetchCalendarLocalForUser(ctx.rootGetters["me/getMe"], start, end)
+            return fetchCalendarLocalForUser(
-        .then((remotes: CalendarLight[]) => {
+                ctx.rootGetters["me/getMe"],
-          // to be add when reactivity problem will be solve ?
+                start,
-          //ctx.commit('addRemotes', remotes);
+                end,
-          const inputs = remotes
+            )
-            .map((cr) => localsToFullCalendarEvent(cr))
+                .then((remotes: CalendarLight[]) => {
-            .map((cr) => ({
+                    // to be add when reactivity problem will be solve ?
-              ...cr,
+                    //ctx.commit('addRemotes', remotes);
-              backgroundColor: COLORS[0],
+                    const inputs = remotes
-              textColor: "black",
+                        .map((cr) => localsToFullCalendarEvent(cr))
-              editable: false,
+                        .map((cr) => ({
-            }));
+                            ...cr,
-          ctx.commit("calendarRanges/addExternals", inputs, {
+                            backgroundColor: COLORS[0],
-            root: true,
+                            textColor: "black",
-          });
+                            editable: false,
-          return Promise.resolve(null);
+                        }));
-        })
+                    ctx.commit("calendarRanges/addExternals", inputs, {
-        .catch((e: TransportExceptionInterface) => {
+                        root: true,
-          console.error(e);
+                    });
+                    return Promise.resolve(null);
+                })
+                .catch((e: TransportExceptionInterface) => {
+                    console.error(e);
 
-          return Promise.resolve(null);
+                    return Promise.resolve(null);
-        });
+                });
+        },
     },
-  },
 } as Module<CalendarLocalsState, State>;

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

@@ -1,10 +1,10 @@
 import { State } from "./../index";
 import { ActionContext, Module } from "vuex";
 import {
-  CalendarRange,
+    CalendarRange,
-  CalendarRangeCreate,
+    CalendarRangeCreate,
-  CalendarRangeEdit,
+    CalendarRangeEdit,
-  isEventInputCalendarRange,
+    isEventInputCalendarRange,
 } from "../../../../types";
 import { Location } from "../../../../../../../ChillMainBundle/Resources/public/types";
 import { fetchCalendarRangeForUser } from "../../../Calendar/api";
@@ -12,332 +12,369 @@ import { calendarRangeToFullCalendarEvent } from "../../../Calendar/store/utils"
 import { EventInput } from "@fullcalendar/core";
 import { makeFetch } from "../../../../../../../ChillMainBundle/Resources/public/lib/api/apiMethods";
 import {
-  datetimeToISO,
+    datetimeToISO,
-  dateToISO,
+    dateToISO,
-  ISOToDatetime,
+    ISOToDatetime,
 } from "../../../../../../../ChillMainBundle/Resources/public/chill/js/date";
 import type { EventInputCalendarRange } from "../../../../types";
 
 export interface CalendarRangesState {
-  ranges: (EventInput | EventInputCalendarRange)[];
+    ranges: (EventInput | EventInputCalendarRange)[];
-  rangesLoaded: { start: number; end: number }[];
+    rangesLoaded: { start: number; end: number }[];
-  rangesIndex: Set<string>;
+    rangesIndex: Set<string>;
-  key: number;
+    key: number;
 }
 
 type Context = ActionContext<CalendarRangesState, State>;
 
 export default {
-  namespaced: true,
+    namespaced: true,
-  state: (): CalendarRangesState => ({
+    state: (): CalendarRangesState => ({
-    ranges: [],
+        ranges: [],
-    rangesLoaded: [],
+        rangesLoaded: [],
-    rangesIndex: new Set<string>(),
+        rangesIndex: new Set<string>(),
-    key: 0,
+        key: 0,
-  }),
+    }),
-  getters: {
+    getters: {
-    isRangeLoaded:
+        isRangeLoaded:
-      (state: CalendarRangesState) =>
+            (state: CalendarRangesState) =>
-      ({ start, end }: { start: Date; end: Date }): boolean => {
+            ({ start, end }: { start: Date; end: Date }): boolean => {
-        for (const range of state.rangesLoaded) {
+                for (const range of state.rangesLoaded) {
-          if (start.getTime() === range.start && end.getTime() === range.end) {
+                    if (
-            return true;
+                        start.getTime() === range.start &&
-          }
+                        end.getTime() === range.end
-        }
+                    ) {
+                        return true;
+                    }
+                }
 
-        return false;
+                return false;
-      },
+            },
-    getRangesOnDate:
+        getRangesOnDate:
-      (state: CalendarRangesState) =>
+            (state: CalendarRangesState) =>
-      (date: Date): EventInputCalendarRange[] => {
+            (date: Date): EventInputCalendarRange[] => {
-        const founds = [];
+                const founds = [];
-        const dateStr = dateToISO(date) as string;
+                const dateStr = dateToISO(date) as string;
 
-        for (const range of state.ranges) {
+                for (const range of state.ranges) {
-          if (
+                    if (
-            isEventInputCalendarRange(range) &&
+                        isEventInputCalendarRange(range) &&
-            range.start.startsWith(dateStr)
+                        range.start.startsWith(dateStr)
-          ) {
+                    ) {
-            founds.push(range);
+                        founds.push(range);
-          }
+                    }
-        }
+                }
 
-        return founds;
+                return founds;
-      },
+            },
-    getRangesOnWeek:
+        getRangesOnWeek:
-      (state: CalendarRangesState) =>
+            (state: CalendarRangesState) =>
-      (mondayDate: Date): EventInputCalendarRange[] => {
+            (mondayDate: Date): EventInputCalendarRange[] => {
-        const founds = [];
+                const founds = [];
-        for (const d of Array.from(Array(7).keys())) {
+                for (const d of Array.from(Array(7).keys())) {
-          const dateOfWeek = new Date(mondayDate);
+                    const dateOfWeek = new Date(mondayDate);
-          dateOfWeek.setDate(mondayDate.getDate() + d);
+                    dateOfWeek.setDate(mondayDate.getDate() + d);
-          const dateStr = dateToISO(dateOfWeek) as string;
+                    const dateStr = dateToISO(dateOfWeek) as string;
-          for (const range of state.ranges) {
+                    for (const range of state.ranges) {
-            if (
+                        if (
-              isEventInputCalendarRange(range) &&
+                            isEventInputCalendarRange(range) &&
-              range.start.startsWith(dateStr)
+                            range.start.startsWith(dateStr)
-            ) {
+                        ) {
-              founds.push(range);
+                            founds.push(range);
+                        }
+                    }
+                }
+
+                return founds;
+            },
+    },
+    mutations: {
+        addRanges(state: CalendarRangesState, ranges: CalendarRange[]) {
+            const toAdd = ranges
+                .map((cr) => calendarRangeToFullCalendarEvent(cr))
+                .map((cr) => ({
+                    ...cr,
+                    backgroundColor: "white",
+                    borderColor: "#3788d8",
+                    textColor: "black",
+                }))
+                .filter((r) => !state.rangesIndex.has(r.id));
+
+            toAdd.forEach((r) => {
+                state.rangesIndex.add(r.id);
+                state.ranges.push(r);
+            });
+            state.key = state.key + toAdd.length;
+        },
+        addExternals(
+            state: CalendarRangesState,
+            externalEvents: (EventInput & { id: string })[],
+        ) {
+            const toAdd = externalEvents.filter(
+                (r) => !state.rangesIndex.has(r.id),
+            );
+
+            toAdd.forEach((r) => {
+                state.rangesIndex.add(r.id);
+                state.ranges.push(r);
+            });
+            state.key = state.key + toAdd.length;
+        },
+        addLoaded(
+            state: CalendarRangesState,
+            payload: { start: Date; end: Date },
+        ) {
+            state.rangesLoaded.push({
+                start: payload.start.getTime(),
+                end: payload.end.getTime(),
+            });
+        },
+        addRange(state: CalendarRangesState, payload: CalendarRange) {
+            const asEvent = calendarRangeToFullCalendarEvent(payload);
+            state.ranges.push({
+                ...asEvent,
+                backgroundColor: "white",
+                borderColor: "#3788d8",
+                textColor: "black",
+            });
+            state.rangesIndex.add(asEvent.id);
+            state.key = state.key + 1;
+        },
+        removeRange(state: CalendarRangesState, calendarRangeId: number) {
+            const found = state.ranges.find(
+                (r) =>
+                    r.calendarRangeId === calendarRangeId && r.is === "range",
+            );
+
+            if (found !== undefined) {
+                state.ranges = state.ranges.filter(
+                    (r) =>
+                        !(
+                            r.calendarRangeId === calendarRangeId &&
+                            r.is === "range"
+                        ),
+                );
+
+                if (typeof found.id === "string") {
+                    // should always be true
+                    state.rangesIndex.delete(found.id);
+                }
+
+                state.key = state.key + 1;
             }
-          }
-        }
-
-        return founds;
-      },
-  },
-  mutations: {
-    addRanges(state: CalendarRangesState, ranges: CalendarRange[]) {
-      const toAdd = ranges
-        .map((cr) => calendarRangeToFullCalendarEvent(cr))
-        .map((cr) => ({
-          ...cr,
-          backgroundColor: "white",
-          borderColor: "#3788d8",
-          textColor: "black",
-        }))
-        .filter((r) => !state.rangesIndex.has(r.id));
-
-      toAdd.forEach((r) => {
-        state.rangesIndex.add(r.id);
-        state.ranges.push(r);
-      });
-      state.key = state.key + toAdd.length;
-    },
-    addExternals(
-      state: CalendarRangesState,
-      externalEvents: (EventInput & { id: string })[],
-    ) {
-      const toAdd = externalEvents.filter((r) => !state.rangesIndex.has(r.id));
-
-      toAdd.forEach((r) => {
-        state.rangesIndex.add(r.id);
-        state.ranges.push(r);
-      });
-      state.key = state.key + toAdd.length;
-    },
-    addLoaded(state: CalendarRangesState, payload: { start: Date; end: Date }) {
-      state.rangesLoaded.push({
-        start: payload.start.getTime(),
-        end: payload.end.getTime(),
-      });
-    },
-    addRange(state: CalendarRangesState, payload: CalendarRange) {
-      const asEvent = calendarRangeToFullCalendarEvent(payload);
-      state.ranges.push({
-        ...asEvent,
-        backgroundColor: "white",
-        borderColor: "#3788d8",
-        textColor: "black",
-      });
-      state.rangesIndex.add(asEvent.id);
-      state.key = state.key + 1;
-    },
-    removeRange(state: CalendarRangesState, calendarRangeId: number) {
-      const found = state.ranges.find(
-        (r) => r.calendarRangeId === calendarRangeId && r.is === "range",
-      );
-
-      if (found !== undefined) {
-        state.ranges = state.ranges.filter(
-          (r) => !(r.calendarRangeId === calendarRangeId && r.is === "range"),
-        );
-
-        if (typeof found.id === "string") {
-          // should always be true
-          state.rangesIndex.delete(found.id);
-        }
-
-        state.key = state.key + 1;
-      }
-    },
-    updateRange(state: CalendarRangesState, range: CalendarRange) {
-      const found = state.ranges.find(
-        (r) => r.calendarRangeId === range.id && r.is === "range",
-      );
-      const newEvent = calendarRangeToFullCalendarEvent(range);
-
-      if (found !== undefined) {
-        found.start = newEvent.start;
-        found.end = newEvent.end;
-        found.locationId = range.location.id;
-        found.locationName = range.location.name;
-      }
-
-      state.key = state.key + 1;
-    },
-  },
-  actions: {
-    fetchRanges(
-      ctx: Context,
-      payload: { start: Date; end: Date },
-    ): Promise<null> {
-      const start = payload.start;
-      const end = payload.end;
-
-      if (ctx.rootGetters["me/getMe"] === null) {
-        return Promise.resolve(ctx.getters.getRangeSource);
-      }
-
-      if (ctx.getters.isRangeLoaded({ start, end })) {
-        return Promise.resolve(ctx.getters.getRangeSource);
-      }
-
-      ctx.commit("addLoaded", {
-        start: start,
-        end: end,
-      });
-
-      return fetchCalendarRangeForUser(
-        ctx.rootGetters["me/getMe"],
-        start,
-        end,
-      ).then((ranges: CalendarRange[]) => {
-        ctx.commit("addRanges", ranges);
-        return Promise.resolve(null);
-      });
-    },
-    createRange(
-      ctx: Context,
-      { start, end, location }: { start: Date; end: Date; location: Location },
-    ): Promise<null> {
-      const url = `/api/1.0/calendar/calendar-range.json?`;
-
-      if (ctx.rootState.me.me === null) {
-        throw new Error("user is currently null");
-      }
-
-      const body = {
-        user: {
-          id: ctx.rootState.me.me.id,
-          type: "user",
         },
-        startDate: {
+        updateRange(state: CalendarRangesState, range: CalendarRange) {
-          datetime: datetimeToISO(start),
+            const found = state.ranges.find(
+                (r) => r.calendarRangeId === range.id && r.is === "range",
+            );
+            const newEvent = calendarRangeToFullCalendarEvent(range);
+
+            if (found !== undefined) {
+                found.start = newEvent.start;
+                found.end = newEvent.end;
+                found.locationId = range.location.id;
+                found.locationName = range.location.name;
+            }
+
+            state.key = state.key + 1;
         },
-        endDate: {
+    },
-          datetime: datetimeToISO(end),
+    actions: {
+        fetchRanges(
+            ctx: Context,
+            payload: { start: Date; end: Date },
+        ): Promise<null> {
+            const start = payload.start;
+            const end = payload.end;
+
+            if (ctx.rootGetters["me/getMe"] === null) {
+                return Promise.resolve(ctx.getters.getRangeSource);
+            }
+
+            if (ctx.getters.isRangeLoaded({ start, end })) {
+                return Promise.resolve(ctx.getters.getRangeSource);
+            }
+
+            ctx.commit("addLoaded", {
+                start: start,
+                end: end,
+            });
+
+            return fetchCalendarRangeForUser(
+                ctx.rootGetters["me/getMe"],
+                start,
+                end,
+            ).then((ranges: CalendarRange[]) => {
+                ctx.commit("addRanges", ranges);
+                return Promise.resolve(null);
+            });
         },
-        location: {
+        createRange(
-          id: location.id,
+            ctx: Context,
-          type: "location",
+            {
+                start,
+                end,
+                location,
+            }: { start: Date; end: Date; location: Location },
+        ): Promise<null> {
+            const url = `/api/1.0/calendar/calendar-range.json?`;
+
+            if (ctx.rootState.me.me === null) {
+                throw new Error("user is currently null");
+            }
+
+            const body = {
+                user: {
+                    id: ctx.rootState.me.me.id,
+                    type: "user",
+                },
+                startDate: {
+                    datetime: datetimeToISO(start),
+                },
+                endDate: {
+                    datetime: datetimeToISO(end),
+                },
+                location: {
+                    id: location.id,
+                    type: "location",
+                },
+            } as CalendarRangeCreate;
+
+            return makeFetch<CalendarRangeCreate, CalendarRange>(
+                "POST",
+                url,
+                body,
+            )
+                .then((newRange) => {
+                    ctx.commit("addRange", newRange);
+
+                    return Promise.resolve(null);
+                })
+                .catch((error) => {
+                    console.error(error);
+
+                    throw error;
+                });
         },
-      } as CalendarRangeCreate;
+        deleteRange(ctx: Context, calendarRangeId: number) {
+            const url = `/api/1.0/calendar/calendar-range/${calendarRangeId}.json`;
 
-      return makeFetch<CalendarRangeCreate, CalendarRange>("POST", url, body)
+            makeFetch<undefined, never>("DELETE", url).then(() => {
-        .then((newRange) => {
+                ctx.commit("removeRange", calendarRangeId);
-          ctx.commit("addRange", newRange);
+            });
-
-          return Promise.resolve(null);
-        })
-        .catch((error) => {
-          console.error(error);
-
-          throw error;
-        });
-    },
-    deleteRange(ctx: Context, calendarRangeId: number) {
-      const url = `/api/1.0/calendar/calendar-range/${calendarRangeId}.json`;
-
-      makeFetch<undefined, never>("DELETE", url).then(() => {
-        ctx.commit("removeRange", calendarRangeId);
-      });
-    },
-    patchRangeTime(
-      ctx,
-      {
-        calendarRangeId,
-        start,
-        end,
-      }: { calendarRangeId: number; start: Date; end: Date },
-    ): Promise<null> {
-      const url = `/api/1.0/calendar/calendar-range/${calendarRangeId}.json`;
-      const body = {
-        startDate: {
-          datetime: datetimeToISO(start),
         },
-        endDate: {
+        patchRangeTime(
-          datetime: datetimeToISO(end),
+            ctx,
+            {
+                calendarRangeId,
+                start,
+                end,
+            }: { calendarRangeId: number; start: Date; end: Date },
+        ): Promise<null> {
+            const url = `/api/1.0/calendar/calendar-range/${calendarRangeId}.json`;
+            const body = {
+                startDate: {
+                    datetime: datetimeToISO(start),
+                },
+                endDate: {
+                    datetime: datetimeToISO(end),
+                },
+            } as CalendarRangeEdit;
+
+            return makeFetch<CalendarRangeEdit, CalendarRange>(
+                "PATCH",
+                url,
+                body,
+            )
+                .then((range) => {
+                    ctx.commit("updateRange", range);
+                    return Promise.resolve(null);
+                })
+                .catch((error) => {
+                    console.error(error);
+                    return Promise.resolve(null);
+                });
         },
-      } as CalendarRangeEdit;
+        patchRangeLocation(
+            ctx,
+            {
+                location,
+                calendarRangeId,
+            }: { location: Location; calendarRangeId: number },
+        ): Promise<null> {
+            const url = `/api/1.0/calendar/calendar-range/${calendarRangeId}.json`;
+            const body = {
+                location: {
+                    id: location.id,
+                    type: "location",
+                },
+            } as CalendarRangeEdit;
 
-      return makeFetch<CalendarRangeEdit, CalendarRange>("PATCH", url, body)
+            return makeFetch<CalendarRangeEdit, CalendarRange>(
-        .then((range) => {
+                "PATCH",
-          ctx.commit("updateRange", range);
+                url,
-          return Promise.resolve(null);
+                body,
-        })
+            )
-        .catch((error) => {
+                .then((range) => {
-          console.error(error);
+                    ctx.commit("updateRange", range);
-          return Promise.resolve(null);
+                    return Promise.resolve(null);
-        });
+                })
-    },
+                .catch((error) => {
-    patchRangeLocation(
+                    console.error(error);
-      ctx,
+                    return Promise.resolve(null);
-      {
+                });
-        location,
-        calendarRangeId,
-      }: { location: Location; calendarRangeId: number },
-    ): Promise<null> {
-      const url = `/api/1.0/calendar/calendar-range/${calendarRangeId}.json`;
-      const body = {
-        location: {
-          id: location.id,
-          type: "location",
         },
-      } as CalendarRangeEdit;
+        copyFromDayToAnotherDay(
+            ctx,
+            { from, to }: { from: Date; to: Date },
+        ): Promise<null> {
+            const rangesToCopy: EventInputCalendarRange[] =
+                ctx.getters["getRangesOnDate"](from);
+            const promises = [];
 
-      return makeFetch<CalendarRangeEdit, CalendarRange>("PATCH", url, body)
+            for (const r of rangesToCopy) {
-        .then((range) => {
+                const start = new Date(ISOToDatetime(r.start) as Date);
-          ctx.commit("updateRange", range);
+                start.setFullYear(
-          return Promise.resolve(null);
+                    to.getFullYear(),
-        })
+                    to.getMonth(),
-        .catch((error) => {
+                    to.getDate(),
-          console.error(error);
+                );
-          return Promise.resolve(null);
+                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 }),
+                );
+            }
+
+            return Promise.all(promises).then(() => Promise.resolve(null));
+        },
+        copyFromWeekToAnotherWeek(
+            ctx: Context,
+            { fromMonday, toMonday }: { fromMonday: Date; toMonday: Date },
+        ): Promise<null> {
+            const rangesToCopy: EventInputCalendarRange[] =
+                ctx.getters["getRangesOnWeek"](fromMonday);
+            const promises = [];
+            const diffTime = toMonday.getTime() - fromMonday.getTime();
+            for (const r of rangesToCopy) {
+                const start = new Date(ISOToDatetime(r.start) as Date);
+                const end = new Date(ISOToDatetime(r.end) as Date);
+                start.setTime(start.getTime() + diffTime);
+                end.setTime(end.getTime() + diffTime);
+                const location = ctx.rootGetters["locations/getLocationById"](
+                    r.locationId,
+                );
+
+                promises.push(
+                    ctx.dispatch("createRange", { start, end, location }),
+                );
+            }
+
+            return Promise.all(promises).then(() => Promise.resolve(null));
+        },
     },
-    copyFromDayToAnotherDay(
-      ctx,
-      { from, to }: { from: Date; to: Date },
-    ): Promise<null> {
-      const rangesToCopy: EventInputCalendarRange[] =
-        ctx.getters["getRangesOnDate"](from);
-      const promises = [];
-
-      for (const r of rangesToCopy) {
-        const start = new Date(ISOToDatetime(r.start) as Date);
-        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 }));
-      }
-
-      return Promise.all(promises).then(() => Promise.resolve(null));
-    },
-    copyFromWeekToAnotherWeek(
-      ctx: Context,
-      { fromMonday, toMonday }: { fromMonday: Date; toMonday: Date },
-    ): Promise<null> {
-      const rangesToCopy: EventInputCalendarRange[] =
-        ctx.getters["getRangesOnWeek"](fromMonday);
-      const promises = [];
-      const diffTime = toMonday.getTime() - fromMonday.getTime();
-      for (const r of rangesToCopy) {
-        const start = new Date(ISOToDatetime(r.start) as Date);
-        const end = new Date(ISOToDatetime(r.end) as Date);
-        start.setTime(start.getTime() + diffTime);
-        end.setTime(end.getTime() + diffTime);
-        const location = ctx.rootGetters["locations/getLocationById"](
-          r.locationId,
-        );
-
-        promises.push(ctx.dispatch("createRange", { start, end, location }));
-      }
-
-      return Promise.all(promises).then(() => Promise.resolve(null));
-    },
-  },
 } as Module<CalendarRangesState, State>;

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

@@ -8,102 +8,109 @@ import { TransportExceptionInterface } from "../../../../../../../ChillMainBundl
 import { COLORS } from "../../../Calendar/const";
 
 export interface CalendarRemotesState {
-  remotes: EventInput[];
+    remotes: EventInput[];
-  remotesLoaded: { start: number; end: number }[];
+    remotesLoaded: { start: number; end: number }[];
-  remotesIndex: Set<string>;
+    remotesIndex: Set<string>;
-  key: number;
+    key: number;
 }
 
 type Context = ActionContext<CalendarRemotesState, State>;
 
 export default {
-  namespaced: true,
+    namespaced: true,
-  state: (): CalendarRemotesState => ({
+    state: (): CalendarRemotesState => ({
-    remotes: [],
+        remotes: [],
-    remotesLoaded: [],
+        remotesLoaded: [],
-    remotesIndex: new Set<string>(),
+        remotesIndex: new Set<string>(),
-    key: 0,
+        key: 0,
-  }),
+    }),
-  getters: {
+    getters: {
-    isRemotesLoaded:
+        isRemotesLoaded:
-      (state: CalendarRemotesState) =>
+            (state: CalendarRemotesState) =>
-      ({ start, end }: { start: Date; end: Date }): boolean => {
+            ({ start, end }: { start: Date; end: Date }): boolean => {
-        for (const range of state.remotesLoaded) {
+                for (const range of state.remotesLoaded) {
-          if (start.getTime() === range.start && end.getTime() === range.end) {
+                    if (
-            return true;
+                        start.getTime() === range.start &&
-          }
+                        end.getTime() === range.end
-        }
+                    ) {
+                        return true;
+                    }
+                }
 
-        return false;
+                return false;
-      },
+            },
-  },
-  mutations: {
-    addRemotes(state: CalendarRemotesState, ranges: CalendarRemote[]) {
-      console.log("addRemotes", ranges);
-
-      const toAdd = ranges
-        .map((cr) => remoteToFullCalendarEvent(cr))
-        .filter((r) => !state.remotesIndex.has(r.id));
-
-      toAdd.forEach((r) => {
-        state.remotesIndex.add(r.id);
-        state.remotes.push(r);
-      });
-      state.key = state.key + toAdd.length;
     },
-    addLoaded(
+    mutations: {
-      state: CalendarRemotesState,
+        addRemotes(state: CalendarRemotesState, ranges: CalendarRemote[]) {
-      payload: { start: Date; end: Date },
+            console.log("addRemotes", ranges);
-    ) {
+
-      state.remotesLoaded.push({
+            const toAdd = ranges
-        start: payload.start.getTime(),
+                .map((cr) => remoteToFullCalendarEvent(cr))
-        end: payload.end.getTime(),
+                .filter((r) => !state.remotesIndex.has(r.id));
-      });
+
+            toAdd.forEach((r) => {
+                state.remotesIndex.add(r.id);
+                state.remotes.push(r);
+            });
+            state.key = state.key + toAdd.length;
+        },
+        addLoaded(
+            state: CalendarRemotesState,
+            payload: { start: Date; end: Date },
+        ) {
+            state.remotesLoaded.push({
+                start: payload.start.getTime(),
+                end: payload.end.getTime(),
+            });
+        },
     },
-  },
+    actions: {
-  actions: {
+        fetchRemotes(
-    fetchRemotes(
+            ctx: Context,
-      ctx: Context,
+            payload: { start: Date; end: Date },
-      payload: { start: Date; end: Date },
+        ): Promise<null> {
-    ): Promise<null> {
+            const start = payload.start;
-      const start = payload.start;
+            const end = payload.end;
-      const end = payload.end;
 
-      if (ctx.rootGetters["me/getMe"] === null) {
+            if (ctx.rootGetters["me/getMe"] === null) {
-        return Promise.resolve(null);
+                return Promise.resolve(null);
-      }
+            }
 
-      if (ctx.getters.isRemotesLoaded({ start, end })) {
+            if (ctx.getters.isRemotesLoaded({ start, end })) {
-        return Promise.resolve(ctx.getters.getRangeSource);
+                return Promise.resolve(ctx.getters.getRangeSource);
-      }
+            }
 
-      ctx.commit("addLoaded", {
+            ctx.commit("addLoaded", {
-        start: start,
+                start: start,
-        end: end,
+                end: end,
-      });
+            });
 
-      return fetchCalendarRemoteForUser(ctx.rootGetters["me/getMe"], start, end)
+            return fetchCalendarRemoteForUser(
-        .then((remotes: CalendarRemote[]) => {
+                ctx.rootGetters["me/getMe"],
-          // to be add when reactivity problem will be solve ?
+                start,
-          //ctx.commit('addRemotes', remotes);
+                end,
-          const inputs = remotes
+            )
-            .map((cr) => remoteToFullCalendarEvent(cr))
+                .then((remotes: CalendarRemote[]) => {
-            .map((cr) => ({
+                    // to be add when reactivity problem will be solve ?
-              ...cr,
+                    //ctx.commit('addRemotes', remotes);
-              backgroundColor: COLORS[0],
+                    const inputs = remotes
-              textColor: "black",
+                        .map((cr) => remoteToFullCalendarEvent(cr))
-              editable: false,
+                        .map((cr) => ({
-            }));
+                            ...cr,
-          ctx.commit("calendarRanges/addExternals", inputs, {
+                            backgroundColor: COLORS[0],
-            root: true,
+                            textColor: "black",
-          });
+                            editable: false,
-          return Promise.resolve(null);
+                        }));
-        })
+                    ctx.commit("calendarRanges/addExternals", inputs, {
-        .catch((e: TransportExceptionInterface) => {
+                        root: true,
-          console.error(e);
+                    });
+                    return Promise.resolve(null);
+                })
+                .catch((e: TransportExceptionInterface) => {
+                    console.error(e);
 
-          return Promise.resolve(null);
+                    return Promise.resolve(null);
-        });
+                });
+        },
     },
-  },
 } as Module<CalendarRemotesState, State>;

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

@@ -2,77 +2,77 @@ import { State } from "./../index";
 import { ActionContext } from "vuex";
 
 export interface FullCalendarState {
-  currentView: {
+    currentView: {
-    start: Date | null;
+        start: Date | null;
-    end: Date | null;
+        end: Date | null;
-  };
+    };
-  key: number;
+    key: number;
 }
 
 type Context = ActionContext<FullCalendarState, State>;
 
 export default {
-  namespaced: true,
+    namespaced: true,
-  state: (): FullCalendarState => ({
+    state: (): FullCalendarState => ({
-    currentView: {
+        currentView: {
-      start: null,
+            start: null,
-      end: null,
+            end: null,
+        },
+        key: 0,
+    }),
+    mutations: {
+        setCurrentDatesView: function (
+            state: FullCalendarState,
+            payload: { start: Date; end: Date },
+        ): void {
+            state.currentView.start = payload.start;
+            state.currentView.end = payload.end;
+        },
+        increaseKey: function (state: FullCalendarState): void {
+            state.key = state.key + 1;
+        },
     },
-    key: 0,
+    actions: {
-  }),
+        setCurrentDatesView(
-  mutations: {
+            ctx: Context,
-    setCurrentDatesView: function (
+            { start, end }: { start: Date | null; end: Date | null },
-      state: FullCalendarState,
+        ): Promise<null> {
-      payload: { start: Date; end: Date },
+            console.log("dispatch setCurrentDatesView", { start, end });
-    ): void {
-      state.currentView.start = payload.start;
-      state.currentView.end = payload.end;
-    },
-    increaseKey: function (state: FullCalendarState): void {
-      state.key = state.key + 1;
-    },
-  },
-  actions: {
-    setCurrentDatesView(
-      ctx: Context,
-      { start, end }: { start: Date | null; end: Date | null },
-    ): Promise<null> {
-      console.log("dispatch setCurrentDatesView", { start, end });
 
-      if (
+            if (
-        ctx.state.currentView.start !== start ||
+                ctx.state.currentView.start !== start ||
-        ctx.state.currentView.end !== end
+                ctx.state.currentView.end !== end
-      ) {
+            ) {
-        ctx.commit("setCurrentDatesView", { start, end });
+                ctx.commit("setCurrentDatesView", { start, end });
-      }
+            }
 
-      if (start !== null && end !== null) {
+            if (start !== null && end !== null) {
-        return Promise.all([
+                return Promise.all([
-          ctx
+                    ctx
-            .dispatch(
+                        .dispatch(
-              "calendarRanges/fetchRanges",
+                            "calendarRanges/fetchRanges",
-              { start, end },
+                            { start, end },
-              { root: true },
+                            { root: true },
-            )
+                        )
-            .then((_) => Promise.resolve(null)),
+                        .then((_) => Promise.resolve(null)),
-          ctx
+                    ctx
-            .dispatch(
+                        .dispatch(
-              "calendarRemotes/fetchRemotes",
+                            "calendarRemotes/fetchRemotes",
-              { start, end },
+                            { start, end },
-              { root: true },
+                            { root: true },
-            )
+                        )
-            .then((_) => Promise.resolve(null)),
+                        .then((_) => Promise.resolve(null)),
-          ctx
+                    ctx
-            .dispatch(
+                        .dispatch(
-              "calendarLocals/fetchLocals",
+                            "calendarLocals/fetchLocals",
-              { start, end },
+                            { start, end },
-              { root: true },
+                            { root: true },
-            )
+                        )
-            .then((_) => Promise.resolve(null)),
+                        .then((_) => Promise.resolve(null)),
-        ]).then((_) => Promise.resolve(null));
+                ]).then((_) => Promise.resolve(null));
-      } else {
+            } else {
-        return Promise.resolve(null);
+                return Promise.resolve(null);
-      }
+            }
+        },
     },
-  },
 };

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

@@ -5,61 +5,61 @@ import { getLocations } from "../../../../../../../ChillMainBundle/Resources/pub
 import { whereami } from "../../../../../../../ChillMainBundle/Resources/public/lib/api/user";
 
 export interface LocationState {
-  locations: Location[];
+    locations: Location[];
-  locationPicked: Location | null;
+    locationPicked: Location | null;
-  currentLocation: Location | null;
+    currentLocation: Location | null;
 }
 
 export default {
-  namespaced: true,
+    namespaced: true,
-  state: (): LocationState => {
+    state: (): LocationState => {
-    return {
+        return {
-      locations: [],
+            locations: [],
-      locationPicked: null,
+            locationPicked: null,
-      currentLocation: null,
+            currentLocation: null,
-    };
+        };
-  },
-  getters: {
-    getLocationById:
-      (state) =>
-      (id: number): Location | undefined => {
-        return state.locations.find((l) => l.id === id);
-      },
-  },
-  mutations: {
-    setLocations(state, locations): void {
-      state.locations = locations;
     },
-    setLocationPicked(state, location: Location | null): void {
+    getters: {
-      if (null === location) {
+        getLocationById:
-        state.locationPicked = null;
+            (state) =>
-        return;
+            (id: number): Location | undefined => {
-      }
+                return state.locations.find((l) => l.id === id);
+            },
+    },
+    mutations: {
+        setLocations(state, locations): void {
+            state.locations = locations;
+        },
+        setLocationPicked(state, location: Location | null): void {
+            if (null === location) {
+                state.locationPicked = null;
+                return;
+            }
 
-      state.locationPicked =
+            state.locationPicked =
-        state.locations.find((l) => l.id === location.id) || null;
+                state.locations.find((l) => l.id === location.id) || null;
-    },
+        },
-    setCurrentLocation(state, location: Location | null): void {
+        setCurrentLocation(state, location: Location | null): void {
-      if (null === location) {
+            if (null === location) {
-        state.currentLocation = null;
+                state.currentLocation = null;
-        return;
+                return;
-      }
+            }
 
-      state.currentLocation =
+            state.currentLocation =
-        state.locations.find((l) => l.id === location.id) || null;
+                state.locations.find((l) => l.id === location.id) || null;
+        },
     },
-  },
+    actions: {
-  actions: {
+        getLocations(ctx): Promise<void> {
-    getLocations(ctx): Promise<void> {
+            return getLocations().then((locations) => {
-      return getLocations().then((locations) => {
+                ctx.commit("setLocations", locations);
-        ctx.commit("setLocations", locations);
+                return Promise.resolve();
-        return Promise.resolve();
+            });
-      });
+        },
+        getCurrentLocation(ctx): Promise<void> {
+            return whereami().then((location) => {
+                ctx.commit("setCurrentLocation", location);
+            });
+        },
     },
-    getCurrentLocation(ctx): Promise<void> {
-      return whereami().then((location) => {
-        ctx.commit("setCurrentLocation", location);
-      });
-    },
-  },
 } as Module<LocationState, State>;