add serializer to activityController

src/Bundle/ChillActivityBundle/Controller/ActivityController.php

@@ -36,6 +36,7 @@ use Symfony\Component\HttpFoundation\Response;
 use Symfony\Component\Security\Core\Role\Role;
 use Chill\ActivityBundle\Entity\Activity;
 use Chill\ActivityBundle\Form\ActivityType;
+use Symfony\Component\Serializer\SerializerInterface;
 
 /**
  * Class ActivityController
@@ -49,15 +50,19 @@ class ActivityController extends AbstractController
     protected AuthorizationHelper $authorizationHelper;
 
     protected LoggerInterface $logger;
+    
+    protected SerializerInterface $serializer;
 
     public function __construct(
         EventDispatcherInterface $eventDispatcher,
         AuthorizationHelper $authorizationHelper,
-        LoggerInterface $logger
+        LoggerInterface $logger,
+        SerializerInterface $serializer
     ) {
         $this->eventDispatcher = $eventDispatcher;
         $this->authorizationHelper = $authorizationHelper;
         $this->logger = $logger;
+        $this->serializer = $serializer;
     }
 
     /**
@@ -204,11 +209,25 @@ class ActivityController extends AbstractController
             throw $this->createNotFoundException('Template not found');
         }
 
+        //$activity_json = $this->serializer->serialize($entity, 'json', []);
+        // "A circular reference has been detected when serializing the object of class "Chill\PersonBundle\Entity\AccompanyingPeriod" (configured limit: 1)."
+        
+        $activity_json = null;
+        // activity_json doit retourner qqch comme :
+        // {
+        //  "type": "activity",
+        //  "persons": [
+        //    { type: person, id: xxx, ...}
+        //    { ...}
+        //  ], ""
+        // }
+                
         return $this->render($view, [
             'person'   => $person,
             'accompanyingCourse' => $accompanyingPeriod,
             'entity' => $entity,
             'form' => $form->createView(),
+            'activity_json' => $activity_json
         ]);
     }
 
@@ -321,6 +340,7 @@ class ActivityController extends AbstractController
             'delete_form' => $deleteForm->createView(),
             'person' => $person,
             'accompanyingCourse' => $accompanyingPeriod,
+            'activity_json' => null
         ));
     }
 

src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/parcours.html

@@ -0,0 +1,72 @@
+Controleur:
+
+activity_json = $this->serializer->serialize($activity, 'json', []);
+
+return render('@ChillActivity/...', [
+  'activity' => $activity,
+  'activity_json' => $activity_json
+])
+
+
+{# template twig de activity #}
+
+{{ form(activity) }}
+
+{% block js %}
+<script>
+{# window.activity = {{ activity_json|e('json') }}; #}
+window.activity = {
+  "type": "activity",
+  "persons": [
+    { type: person, id: xxx, ...}
+    { ...}
+  ],
+  ""
+};
+</script>
+{{ encore_entry_script_tags('activity_form') }}
+{% endblock %}
+
+
+{# -----
+   dans le fichier app.js: #}
+<script type="text/javascript">
+
+
+
+const store = createStore({
+   strict: debug,
+   state(): return {
+     activity: window.activity
+   },
+   getters: {
+
+   },
+   mutations: {
+      addPerson(state, payload) {
+
+      }
+   },
+   actions: {
+      addPerson() {
+        let el = document.getElementById('form['activity']['xxx']['xxxx']');
+        let option = document.createElement('option');
+        option.value = person.id;
+        el.appendChild(option);
+        commit('addPerson', payload)
+     }
+  }
+});
+
+const i18n = _createI18n(appMessages);
+
+const app = createApp({
+   template: `<app></app>`,
+})
+.use(store)
+.use(i18n)
+.component('app', App)
+.mount('#activity');
+
+
+</script>

src/Bundle/ChillActivityBundle/Resources/views/Activity/newAccompanyingCourse.html.twig

@@ -6,15 +6,27 @@
 
 {% block content %}
     {% include 'ChillActivityBundle:Activity:new.html.twig' %}
+    {{ dump() }}
 {% endblock %}
 
 {% block js %}
     <script src="{{ asset('build/async_upload.js') }}" type="text/javascript"></script>
     <script type="text/javascript">
         chill.displayAlertWhenLeavingUnsubmittedForm('form[name="{{ form.vars.form.vars.name }}"]', '{{ "You are going to leave a page with unsubmitted data. Are you sure you want to leave ?"|trans }}');
+        window.activity = 
+            {
+                "type": "activity",
+                "persons": [],
+                ""
+            };
+        {# 
+            {{ activity_json|e('json') }}; 
+        #}
     </script>
+    {{ encore_entry_script_tags('vue_activity') }}
 {% endblock %}
 
 {% block css %}
     <link rel="stylesheet" href="{{ asset('build/async_upload.css') }}"/>
+    {{ encore_entry_link_tags('vue_activity') }}
 {% endblock %}

src/Bundle/ChillActivityBundle/Resources/views/Activity/newPerson.html.twig

@@ -12,9 +12,12 @@
     <script src="{{ asset('build/async_upload.js') }}" type="text/javascript"></script>
     <script type="text/javascript">
         chill.displayAlertWhenLeavingUnsubmittedForm('form[name="{{ form.vars.form.vars.name }}"]', '{{ "You are going to leave a page with unsubmitted data. Are you sure you want to leave ?"|trans }}');
+        window.activity = {{ activity_json|e('json') }};
     </script>
+    {{ encore_entry_script_tags('vue_activity') }}
 {% endblock %}
 
 {% block css %}
     <link rel="stylesheet" href="{{ asset('build/async_upload.css') }}"/>
+    {{ encore_entry_link_tags('vue_activity') }}
 {% endblock %}

src/Bundle/ChillActivityBundle/config/services/controller.yaml

@@ -4,4 +4,5 @@ services:
             $eventDispatcher: '@Symfony\Component\EventDispatcher\EventDispatcherInterface'
             $authorizationHelper: '@Chill\MainBundle\Security\Authorization\AuthorizationHelper'
             $logger: '@chill.main.logger'
+            $serializer: '@Symfony\Component\Serializer\SerializerInterface'
         tags: ['controller.service_arguments']