onTheFly with hardcoded data. needs to be changed when endpoint is created

style fixes requestor + multiline option for thirdpartyrenderbox
requestor styling fixed + button added. problem with removing requestor though...
2025-09-10 08:44:58 +00:00 · 2021-08-27 17:26:59 +02:00 · 2021-08-20 17:53:48 +02:00 · 2021-08-20 16:55:41 +02:00 · 2021-08-20 16:55:04 +02:00 · 2021-08-20 16:52:35 +02:00
1083 changed files with 39326 additions and 54316 deletions
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -5,11 +5,13 @@ image: registry.gitlab.com/chill-projet/chill-app/php-base-image:7.4
 cache:
  paths:
    - tests/app/vendor/
+    - .composer

 before_script:
  # add extensions to postgres
  - PGPASSWORD=$POSTGRES_PASSWORD psql -U $POSTGRES_USER -h db -c "CREATE EXTENSION IF NOT EXISTS unaccent; CREATE EXTENSION IF NOT EXISTS pg_trgm;"
  # Install and run Composer
+  - mkdir -p $COMPOSER_HOME
  - curl -sS https://getcomposer.org/installer | php
  - php -d memory_limit=2G composer.phar install
  - php tests/app/bin/console doctrine:migrations:migrate -n
@@ -34,6 +36,10 @@ variables:
  REDIS_HOST: redis
  REDIS_PORT: 6379
  REDIS_URL: redis://redis:6379
+  # change vendor dir to make the app install into tests/apps
+  COMPOSER_VENDOR_DIR: tests/app/vendor
+  # cache some composer data
+  COMPOSER_HOME: .composer


 # Run our tests
--- a/8
+++ b/8
@@ -629,12 +629,12 @@ to attach them to the start of each source file to most effectively
 state the exclusion of warranty; and each file should have at least
 the "copyright" line and a pointer to where the full notice is found.

-    <one line to give the program's name and a brief idea of what it does.>
-    Copyright (C) <year>  <name of author>
+    chill-bundles
+    Copyright (C) 2021  Chill Project

    This program is free software: you can redistribute it and/or modify
-    it under the terms of the GNU Affero General Public License as published by
-    the Free Software Foundation, either version 3 of the License, or
+    it under the terms of the GNU Affero General Public License as published
+    by the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
--- a/composer.json
+++ b/composer.json
@@ -1,69 +1,12 @@
 {
    "name": "chill-project/chill-bundles",
+    "license": "AGPL-3.0-only",
    "type": "library",
    "description": "Most used bundles for chill-project",
    "keywords": [
        "chill",
        "social worker"
    ],
-    "license": "AGPL-3.0-only",
-    "require": {
-        "champs-libres/async-uploader-bundle": "dev-sf4",
-        "composer/package-versions-deprecated": "^1.10",
-        "doctrine/doctrine-bundle": "^2.1",
-        "doctrine/doctrine-migrations-bundle": "^3.0",
-        "doctrine/orm": "^2.7",
-        "drupol/php-conventions": "^5.0",
-        "erusev/parsedown": "^1.7",
-        "graylog2/gelf-php": "^1.5",
-        "knplabs/knp-menu": "^3.1",
-        "knplabs/knp-menu-bundle": "^3.0",
-        "knplabs/knp-time-bundle": "^1.12",
-        "league/csv": "^9.6",
-        "phpoffice/phpspreadsheet": "^1.16",
-        "sensio/framework-extra-bundle": "^5.5",
-        "symfony/asset": "4.*",
-        "symfony/browser-kit": "^5.2",
-        "symfony/css-selector": "^5.2",
-        "symfony/expression-language": "4.*",
-        "symfony/form": "4.*",
-        "symfony/intl": "4.*",
-        "symfony/monolog-bundle": "^3.5",
-        "symfony/security-bundle": "4.*",
-        "symfony/serializer": "^5.2",
-        "symfony/swiftmailer-bundle": "^3.5",
-        "symfony/templating": "4.*",
-        "symfony/translation": "4.*",
-        "symfony/twig-bundle": "^4.4",
-        "symfony/validator": "4.*",
-        "symfony/webpack-encore-bundle": "^1.11",
-        "symfony/workflow": "4.*",
-        "symfony/yaml": "4.*",
-        "twig/extra-bundle": "^2.12 || ^3.0",
-        "twig/intl-extra": "^3.0",
-        "twig/markdown-extra": "^3.3",
-        "twig/twig": "^2.12 || ^3.0"
-    },
-    "conflict": {
-        "symfony/symfony": "*"
-    },
-    "require-dev": {
-        "doctrine/doctrine-fixtures-bundle": "^3.3",
-        "fakerphp/faker": "^1.13",
-        "nelmio/alice": "^3.8",
-        "phpunit/phpunit": "^7.0",
-        "symfony/debug-bundle": "^5.1",
-        "symfony/dotenv": "^5.1",
-        "symfony/maker-bundle": "^1.20",
-        "symfony/phpunit-bridge": "^5.2",
-        "symfony/stopwatch": "^5.1",
-        "symfony/var-dumper": "4.*",
-        "symfony/web-profiler-bundle": "^5.0"
-    },
-    "config": {
-        "bin-dir": "bin",
-        "vendor-dir": "tests/app/vendor"
-    },
    "autoload": {
        "psr-4": {
            "Chill\\ActivityBundle\\": "src/Bundle/ChillActivityBundle",
@@ -76,7 +19,9 @@
            "Chill\\PersonBundle\\": "src/Bundle/ChillPersonBundle",
            "Chill\\ReportBundle\\": "src/Bundle/ChillReportBundle",
            "Chill\\TaskBundle\\": "src/Bundle/ChillTaskBundle",
-            "Chill\\ThirdPartyBundle\\": "src/Bundle/ChillThirdPartyBundle"
+            "Chill\\ThirdPartyBundle\\": "src/Bundle/ChillThirdPartyBundle",
+            "Chill\\AsideActivityBundle\\": "src/Bundle/ChillAsideActivityBundle/src",
+            "Chill\\DocGeneratorBundle\\": "src/Bundle/ChillDocGeneratorBundle"
        }
    },
    "autoload-dev": {
@@ -84,10 +29,66 @@
            "App\\": "tests/app/src/"
        }
    },
+    "require": {
+        "champs-libres/async-uploader-bundle": "dev-sf4",
+        "graylog2/gelf-php": "^1.5",
+        "symfony/form": "4.*",
+        "symfony/twig-bundle": "^4.4",
+        "twig/extra-bundle": "^2.12|^3.0",
+        "twig/twig": "^2.12|^3.0",
+        "composer/package-versions-deprecated": "^1.10",
+        "doctrine/doctrine-bundle": "^2.1",
+        "doctrine/doctrine-migrations-bundle": "^3.0",
+        "doctrine/orm": "^2.7",
+        "symfony/asset": "4.*",
+        "symfony/monolog-bundle": "^3.5",
+        "symfony/security-bundle": "4.*",
+        "symfony/translation": "4.*",
+        "symfony/validator": "4.*",
+        "sensio/framework-extra-bundle": "^5.5",
+        "symfony/yaml": "4.*",
+        "symfony/webpack-encore-bundle": "^1.11",
+        "knplabs/knp-menu": "^3.1",
+        "knplabs/knp-menu-bundle": "^3.0",
+        "symfony/templating": "4.*",
+        "twig/intl-extra": "^3.0",
+        "symfony/workflow": "4.*",
+        "symfony/expression-language": "4.*",
+        "knplabs/knp-time-bundle": "^1.12",
+        "symfony/intl": "4.*",
+        "symfony/swiftmailer-bundle": "^3.5",
+        "league/csv": "^9.7.1",
+        "phpoffice/phpspreadsheet": "^1.16",
+        "symfony/browser-kit": "^5.2",
+        "symfony/css-selector": "^5.2",
+        "twig/markdown-extra": "^3.3",
+        "erusev/parsedown": "^1.7",
+        "symfony/serializer": "^5.2",
+        "symfony/webpack-encore-bundle": "^1.11"
+    },
+    "conflict": {
+        "symfony/symfony": "*"
+    },
+    "require-dev": {
+        "fakerphp/faker": "^1.13",
+        "phpunit/phpunit": "^7.0",
+        "symfony/dotenv": "^5.1",
+        "symfony/maker-bundle": "^1.20",
+        "doctrine/doctrine-fixtures-bundle": "^3.3",
+        "symfony/stopwatch": "^5.1",
+        "symfony/web-profiler-bundle": "^5.0",
+        "symfony/var-dumper": "4.*",
+        "symfony/debug-bundle": "^5.1",
+        "symfony/phpunit-bridge": "^5.2",
+        "nelmio/alice": "^3.8"
+    },
    "scripts": {
        "auto-scripts": {
            "cache:clear": "symfony-cmd",
            "assets:install %PUBLIC_DIR%": "symfony-cmd"
        }
+    },
+    "config": {
+        "bin-dir": "bin"
    }
 }
--- a/docs/source/_static/code/exports/CountPerson.php
+++ b/docs/source/_static/code/exports/CountPerson.php
@@ -14,7 +14,7 @@ use Chill\MainBundle\Export\FormatterInterface;
 use Doctrine\ORM\EntityManagerInterface;

 /**
- *
+ * 
 *
 * @author Julien Fastré <julien.fastre@champs-libres.coop>
 */
@@ -25,95 +25,94 @@ class CountPerson implements ExportInterface
     * @var EntityManagerInterface
     */
    protected $entityManager;
-
+    
    public function __construct(
            EntityManagerInterface $em
            )
    {
        $this->entityManager = $em;
    }
-
+    
    public function getType()
    {
        return Declarations::PERSON_TYPE;
    }
-
+    
    public function getDescription()
    {
        return "Count peoples by various parameters.";
    }
-
+    
    public function getTitle()
    {
        return "Count peoples";
    }
-
+    
    public function requiredRole()
    {
        return new Role(PersonVoter::STATS);
    }
-
+    
    public function initiateQuery(array $requiredModifiers,  array $acl, array $data = array())
    {
        // we gather all center the user choose.
        $centers = array_map(function($el) { return $el['center']; }, $acl);
-
+        
        $qb = $this->entityManager->createQueryBuilder();
-
+        
        $qb->select('COUNT(person.id) AS export_result')
                ->from('ChillPersonBundle:Person', 'person')
                ->join('person.center', 'center')
                ->andWhere('center IN (:authorized_centers)')
                ->setParameter('authorized_centers', $centers);
                ;
-
-
+        
+        
        return $qb;
    }
-
+    
    public function getResult($qb, $data)
    {
        return $qb->getQuery()->getResult(Query::HYDRATE_SCALAR);
    }
-
+    
    public function getQueryKeys($data)
    {
        // this array match the result keys in the query. We have only
        // one column.
        return array('export_result');
    }
-
+    
    public function getLabels($key, array $values, $data)
    {
-
-        // the Closure which will be executed by the formatter.
+        
+        // the Closure which will be executed by the formatter. 
        return function($value) {
            switch($value) {
                case '_header':
-                  // we have to process specifically the '_header' string,
+                  // we have to process specifically the '_header' string, 
                  // which will be used by the formatter to show a column title
                  return $this->getTitle();
                default:
                  // for all value, we do not process them and return them
                  // immediatly
                  return $value;
-            };
        };
    }
-
+    
    public function getAllowedFormattersTypes()
    {
        return array(FormatterInterface::TYPE_TABULAR);
    }
-
+    
    public function buildForm(FormBuilderInterface $builder) {
        // this export does not add any form
    }
-
+    
    public function supportsModifiers()
    {
        // explain the export manager which formatters and filters are allowed
        return array(Declarations::PERSON_TYPE, Declarations::PERSON_IMPLIED_IN);
    }
-
+    
 }
--- a/docs/source/development/pagination.rst
+++ b/docs/source/development/pagination.rst
@@ -28,7 +28,7 @@ Then, render the pagination using the dedicated twig function.

 .. code-block:: html+twig

-   {% extends "ChillPersonBundle::layout.html.twig"  %}
+   {% extends "@ChillPerson/Person/layout.html.twig"  %}

   {% block title 'Item list'|trans %}

--- a/docs/source/development/pagination/example.php
+++ b/docs/source/development/pagination/example.php
@@ -8,21 +8,21 @@ use Symfony\Component\HttpFoundation\Request;

 class ItemController extends Controller {

-    public function yourAction()
+    public function yourAction() 
    {
        $em = $this->getDoctrine()->getManager();
        // first, get the number of total item are available
        $total = $em
             ->createQuery("SELECT COUNT (item.id) FROM ChillMyBundle:Item item")
             ->getSingleScalarResult();
-
+       
        // get the PaginatorFactory
        $paginatorFactory = $this->get('chill_main.paginator_factory');
-
-        // create a pagination instance. This instance is only valid for
+        
+        // create a pagination instance. This instance is only valid for 
        // the current route and parameters
        $paginator = $paginatorFactory->create($total);
-
+        
        // launch your query on item. Limit the query to the results
        // for the current page using the paginator
        $items = $em->createQuery("SELECT item FROM ChillMyBundle:Item item WHERE <your clause>")
@@ -30,12 +30,12 @@ class ItemController extends Controller {
            ->setFirstResult($paginator->getCurrentPage()->getFirstItemNumber())
            // use the paginator to get the number of items to display
            ->setMaxResults($paginator->getItemsPerPage());
-
+            
        return $this->render('ChillMyBundle:Item:list.html.twig', array(
                'items' => $items,
                'paginator' => $paginator
-                )
-        );
+                );
+            
    }

 }
--- a/docs/source/development/user-interface/layout-template-usage.rst
+++ b/docs/source/development/user-interface/layout-template-usage.rst
@@ -149,7 +149,7 @@ It proposes a new block :

  * where to display the admin content

-ChillPersonBundle::layout.html.twig
+@ChillPersonBundle/Person/layout.html.twig
 -----------------------------------

 This layout extend `ChillMainBundle::layoutWithVerticalMenu.html.twig` add the person details in the block `top_banner`, set the menu `person` as the vertical menu.
--- a/grumphp.yml
+++ b/grumphp.yml
@@ -1,22 +0,0 @@
-imports:
-  - { resource: tests/app/vendor/drupol/php-conventions/config/php73/grumphp.yml }
-
-parameters:
-  tasks.license.name: AGPL-3.0
-  tasks.license.holder: Champs-Libres
-  tasks.phpstan.configuration: phpstan.neon
-  tasks.phpstan.ignore_patterns:
-    - /src\/Bundle\/(.*)\/migrations/
-    - /src\/Bundle\/(.*)\/Resources/
-    - /src\/Bundle\/(.*)\/Tests/
-    - /src\/Bundle\/(.*)\/Test/
-    - /src\/Bundle\/(.*)\/config/
-    - /src\/Bundle\/(.*)\/translations/
-    - /src\/Bundle\/(.*)\/DataFixtures/
-    - /^docs/
-    - /^tests/
-  skip_tasks:
-    - composer_require_checker
-    - phpcsfixer
-    - phpcs
-    - twigcs
--- a/package.json.txt
+++ b/package.json.txt
@@ -0,0 +1,3 @@
+add npm/yarn dependency in package.json :
+
+"select2-bootstrap-theme": "0.1.0-beta.10",
--- a/phpstan-baseline.neon
+++ b/phpstan-baseline.neon
--- a/phpstan.neon
+++ b/phpstan.neon
@@ -1,3 +0,0 @@
-includes:
-	- phpstan-baseline.neon
-
--- a/psalm-baseline.xml
+++ b/psalm-baseline.xml
--- a/psalm.xml
+++ b/psalm.xml
@@ -1,16 +0,0 @@
-<?xml version="1.0"?>
-<psalm
-    errorLevel="7"
-    resolveFromConfigFile="true"
-    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-    xmlns="https://getpsalm.org/schema/config"
-    xsi:schemaLocation="https://getpsalm.org/schema/config vendor/vimeo/psalm/config.xsd"
-    errorBaseline="psalm-baseline.xml"
->
-    <projectFiles>
-        <directory name="src" />
-        <ignoreFiles>
-            <directory name="tests/" />
-        </ignoreFiles>
-    </projectFiles>
-</psalm>
--- a/src/Bundle/ChillActivityBundle/Controller/ActivityController.php
+++ b/src/Bundle/ChillActivityBundle/Controller/ActivityController.php
@@ -23,16 +23,20 @@
 namespace Chill\ActivityBundle\Controller;

 use Chill\MainBundle\Security\Authorization\AuthorizationHelper;
+use Chill\PersonBundle\Entity\AccompanyingPeriod;
+use Chill\PersonBundle\Entity\Person;
 use Chill\PersonBundle\Privacy\PrivacyEvent;
 use Psr\Log\LoggerInterface;
 use Symfony\Component\EventDispatcher\EventDispatcherInterface;
+use Symfony\Component\Form\Form;
 use Symfony\Component\HttpFoundation\Request;
 use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
 use Symfony\Component\Form\Extension\Core\Type\SubmitType;
+use Symfony\Component\HttpFoundation\Response;
 use Symfony\Component\Security\Core\Role\Role;
 use Chill\ActivityBundle\Entity\Activity;
-use Chill\PersonBundle\Entity\Person;
 use Chill\ActivityBundle\Form\ActivityType;
+use Symfony\Component\Serializer\SerializerInterface;

 /**
 * Class ActivityController
@@ -41,216 +45,227 @@ use Chill\ActivityBundle\Form\ActivityType;
 */
 class ActivityController extends AbstractController
 {
+    protected EventDispatcherInterface $eventDispatcher;

-    /**
-     * @var EventDispatcherInterface
-     */
-    protected $eventDispatcher;
+    protected AuthorizationHelper $authorizationHelper;

-    /**
-     * @var AuthorizationHelper
-     */
-    protected $authorizationHelper;
+    protected LoggerInterface $logger;

-    /**
-     * @var LoggerInterface
-     */
-    protected $logger;
+    protected SerializerInterface $serializer;

-    /**
-     * ActivityController constructor.
-     *
-     * @param EventDispatcherInterface $eventDispatcher
-     * @param AuthorizationHelper $authorizationHelper
-     */
    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;
    }

    /**
     * Lists all Activity entities.
-     *
     */
-    public function listAction($person_id, Request $request)
+    public function listAction(Request $request): Response
    {
        $em = $this->getDoctrine()->getManager();
-        $person = $em->getRepository('ChillPersonBundle:Person')->find($person_id);
+        $view = null;
+        // TODO: add pagination

-        if ($person === NULL) {
-            throw $this->createNotFoundException('Person not found');
+        [$person, $accompanyingPeriod] = $this->getEntity($request);
+
+        if ($person instanceof Person) {
+            $reachableScopes = $this->authorizationHelper
+                ->getReachableCircles($this->getUser(), new Role('CHILL_ACTIVITY_SEE'),
+                    $person->getCenter());
+
+            $activities = $em->getRepository(Activity::class)
+                ->findByPersonImplied($person, $reachableScopes)
+                ;
+
+            $event = new PrivacyEvent($person, array(
+                'element_class' => Activity::class,
+                'action' => 'list'
+            ));
+            $this->eventDispatcher->dispatch(PrivacyEvent::PERSON_PRIVACY_EVENT, $event);
+
+            $view = 'ChillActivityBundle:Activity:listPerson.html.twig';
+        } elseif ($accompanyingPeriod instanceof AccompanyingPeriod) {
+            $activities = $em->getRepository('ChillActivityBundle:Activity')->findBy(
+                ['accompanyingPeriod' => $accompanyingPeriod],
+                ['date' => 'DESC'],
+            );
+
+            $view = 'ChillActivityBundle:Activity:listAccompanyingCourse.html.twig';
        }

-        $this->denyAccessUnlessGranted('CHILL_PERSON_SEE', $person);
-
-        $reachableScopes = $this->authorizationHelper
-            ->getReachableScopes($this->getUser(), new Role('CHILL_ACTIVITY_SEE'),
-            $person->getCenter());
-
-        $activities = $em->getRepository('ChillActivityBundle:Activity')
-                ->findBy(
-                      array('person' => $person, 'scope' => $reachableScopes),
-                      array('date' => 'DESC')
-                      );
-
-        $event = new PrivacyEvent($person, array(
-            'element_class' => Activity::class,
-            'action' => 'list'
-        ));
-        $this->eventDispatcher->dispatch(PrivacyEvent::PERSON_PRIVACY_EVENT, $event);
-
-        return $this->render('ChillActivityBundle:Activity:list.html.twig', array(
+        return $this->render($view, array(
            'activities' => $activities,
-            'person'   => $person
+            'person'   => $person,
+            'accompanyingCourse' => $accompanyingPeriod,
        ));
    }
-    /**
-     * Creates a new Activity entity.
-     *
-     */
-    public function createAction($person_id, Request $request)
+
+    public function selectTypeAction(Request $request): Response
    {
        $em = $this->getDoctrine()->getManager();
-        $person = $em->getRepository('ChillPersonBundle:Person')->find($person_id);
+        $view = null;

-        if ($person === NULL) {
-            throw $this->createNotFoundException('person not found');
+        [$person, $accompanyingPeriod] = $this->getEntity($request);
+
+        if ($accompanyingPeriod instanceof AccompanyingPeriod) {
+            $view = 'ChillActivityBundle:Activity:selectTypeAccompanyingCourse.html.twig';
+        } elseif ($person instanceof Person) {
+            $view = 'ChillActivityBundle:Activity:selectTypePerson.html.twig';
        }

-        $this->denyAccessUnlessGranted('CHILL_PERSON_SEE', $person);
+        $data = [];
+
+        $activityTypeCategories = $em->getRepository(\Chill\ActivityBundle\Entity\ActivityTypeCategory::class)
+            ->findBy(['active' => true], ['ordering' => 'ASC']);
+
+        foreach ($activityTypeCategories as $activityTypeCategory) {
+            $activityTypes = $em->getRepository(\Chill\ActivityBundle\Entity\ActivityType::class)
+                ->findBy(['active' => true, 'category' => $activityTypeCategory], ['ordering' => 'ASC']);
+
+            $data[] = [
+                'activityTypeCategory' => $activityTypeCategory,
+                'activityTypes' => $activityTypes,
+            ];
+        }
+
+        if ($view === null) {
+            throw $this->createNotFoundException('Template not found');
+        }
+
+        return $this->render($view, [
+            'person' => $person,
+            'accompanyingCourse' => $accompanyingPeriod,
+            'data' => $data,
+        ]);
+    }
+
+    public function newAction(Request $request): Response
+    {
+        $em = $this->getDoctrine()->getManager();
+
+        [$person, $accompanyingPeriod] = $this->getEntity($request);
+
+        if ($accompanyingPeriod instanceof AccompanyingPeriod) {
+            $view = 'ChillActivityBundle:Activity:newAccompanyingCourse.html.twig';
+        } elseif ($person instanceof Person) {
+            $view = 'ChillActivityBundle:Activity:newPerson.html.twig';
+        }
+
+        $activityType_id = $request->get('activityType_id', 0);
+        $activityType = $em->getRepository(\Chill\ActivityBundle\Entity\ActivityType::class)
+            ->find($activityType_id);
+
+        if (!$activityType instanceof \Chill\ActivityBundle\Entity\ActivityType ||
+            !$activityType->isActive()) {
+
+            $params = $this->buildParamsToUrl($person, $accompanyingPeriod);
+            return $this->redirectToRoute('chill_activity_activity_select_type', $params);
+        }

        $entity = new Activity();
-        $entity->setPerson($person);
-        $form = $this->createCreateForm($entity, $person);
-        $form->handleRequest($request);
+        $entity->setUser($this->getUser());

-        if ($form->isValid()) {
-            $em = $this->getDoctrine()->getManager();
+        if ($person instanceof Person) {
+            $entity->setPerson($person);
+        }

-            $this->denyAccessUnlessGranted('CHILL_ACTIVITY_CREATE', $entity,
-                    'creation of this activity not allowed');
+        if ($accompanyingPeriod instanceof AccompanyingPeriod) {
+            $entity->setAccompanyingPeriod($accompanyingPeriod);
+        }

+        $entity->setType($activityType);
+        $entity->setDate(new \DateTime('now'));
+
+        // TODO revoir le Voter de Activity pour tenir compte qu'une activité peut appartenir a une période
+        // $this->denyAccessUnlessGranted('CHILL_ACTIVITY_CREATE', $entity);
+
+        $form = $this->createForm(ActivityType::class, $entity, [
+            'center' => $entity->getCenter(),
+            'role'   => new Role('CHILL_ACTIVITY_CREATE'),
+            'activityType' => $entity->getType(),
+            'accompanyingPeriod' => $accompanyingPeriod,
+        ])->handleRequest($request);
+
+        if ($form->isSubmitted() && $form->isValid()) {
            $em->persist($entity);
            $em->flush();

-            $this->get('session')
-                ->getFlashBag()
-                ->add('success',
-                    $this->get('translator')
-                        ->trans('Success : activity created!')
-                );
+            $this->addFlash('success', $this->get('translator')->trans('Success : activity created!'));

-            return $this->redirect(
-                $this->generateUrl('chill_activity_activity_show',
-                array('id' => $entity->getId(), 'person_id' => $person_id)));
+            $params = $this->buildParamsToUrl($person, $accompanyingPeriod);
+            $params['id'] = $entity->getId();
+
+            return $this->redirectToRoute('chill_activity_activity_show', $params);
        }

-        $this->get('session')
-            ->getFlashBag()->add('danger',
-                $this->get('translator')
-                    ->trans('The form is not valid. The activity has not been created !')
-            );
-
-        return $this->render('ChillActivityBundle:Activity:new.html.twig', array(
-            'entity' => $entity,
-            'form'   => $form->createView(),
-            'person' => $person
-        ));
-    }
-
-    /**
-     * Creates a form to create a Activity entity.
-     *
-     * @param Activity $entity The entity
-     *
-     * @return \Symfony\Component\Form\Form The form
-     */
-    private function createCreateForm(Activity $entity)
-    {
-        $form = $this->createForm(ActivityType::class, $entity,
-              array(
-                'action' => $this->generateUrl('chill_activity_activity_create', [
-                    'person_id' => $entity->getPerson()->getId(),
-                    ]),
-                'method' => 'POST',
-                'center' => $entity->getCenter(),
-                'role'   => new Role('CHILL_ACTIVITY_CREATE')
-            )
-        );
-
-        return $form;
-    }
-
-    /**
-     * Displays a form to create a new Activity entity.
-     *
-     */
-    public function newAction($person_id)
-    {
-        $em = $this->getDoctrine()->getManager();
-        $person = $em->getRepository('ChillPersonBundle:Person')->find($person_id);
-
-        if ($person === NULL){
-            throw $this->createNotFoundException('Person not found');
+        if ($view === null) {
+            throw $this->createNotFoundException('Template not found');
        }

-        $this->denyAccessUnlessGranted('CHILL_PERSON_SEE', $person);
+        $activity_array = $this->serializer->normalize($entity, 'json', ['groups' => 'read']);

-        $entity = new Activity();
-        $entity->setUser($this->get('security.token_storage')->getToken()->getUser());
-        $entity->setPerson($person);
-        $entity->setDate(new \DateTime('now'));
-
-        $this->denyAccessUnlessGranted('CHILL_ACTIVITY_CREATE', $entity);
-
-        $form   = $this->createCreateForm($entity, $person);
-
-        return $this->render('ChillActivityBundle:Activity:new.html.twig', array(
+        return $this->render($view, [
            'person'   => $person,
+            'accompanyingCourse' => $accompanyingPeriod,
            'entity' => $entity,
-            'form'   => $form->createView(),
-        ));
+            'form' => $form->createView(),
+            'activity_json' => $activity_array
+        ]);
    }

-    /**
-     * Finds and displays a Activity entity.
-     *
-     */
-    public function showAction($person_id, $id)
+    public function showAction(Request $request, $id): Response
    {
        $em = $this->getDoctrine()->getManager();
-        $person = $em->getRepository('ChillPersonBundle:Person')->find($person_id);

-        if (!$person) {
-            throw $this->createNotFoundException('person not found');
+        [$person, $accompanyingPeriod] = $this->getEntity($request);
+
+        if ($accompanyingPeriod instanceof AccompanyingPeriod) {
+            $view = 'ChillActivityBundle:Activity:showAccompanyingCourse.html.twig';
+        } elseif ($person instanceof Person) {
+            $view = 'ChillActivityBundle:Activity:showPerson.html.twig';
        }

-        $this->denyAccessUnlessGranted('CHILL_PERSON_SEE', $person);
-
        $entity = $em->getRepository('ChillActivityBundle:Activity')->find($id);

        if (!$entity) {
            throw $this->createNotFoundException('Unable to find Activity entity.');
        }
+        
+        if (null !== $accompanyingPeriod) {
+           $entity->personsAssociated = $entity->getPersonsAssociated();
+           $entity->personsNotAssociated = $entity->getPersonsNotAssociated();
+        }

-        $this->denyAccessUnlessGranted('CHILL_ACTIVITY_SEE', $entity);
+        // TODO revoir le Voter de Activity pour tenir compte qu'une activité peut appartenir a une période
+        // $this->denyAccessUnlessGranted('CHILL_ACTIVITY_SEE', $entity);

-        $deleteForm = $this->createDeleteForm($id, $person);
+        $deleteForm = $this->createDeleteForm($id, $person, $accompanyingPeriod);

+        // TODO
+        /*
        $event = new PrivacyEvent($person, array(
            'element_class' => Activity::class,
            'element_id' => $entity->getId(),
            'action' => 'show'
        ));
        $this->eventDispatcher->dispatch(PrivacyEvent::PERSON_PRIVACY_EVENT, $event);
+        */

-        return $this->render('ChillActivityBundle:Activity:show.html.twig', array(
+        if ($view === null) {
+            throw $this->createNotFoundException('Template not found');
+        }
+
+        return $this->render($view, array(
            'person'      => $person,
+            'accompanyingCourse' => $accompanyingPeriod,
            'entity'      => $entity,
            'delete_form' => $deleteForm->createView(),
        ));
@@ -260,118 +275,70 @@ class ActivityController extends AbstractController
     * Displays a form to edit an existing Activity entity.
     *
     */
-    public function editAction($person_id, $id)
+    public function editAction($id, Request $request): Response
    {
        $em = $this->getDoctrine()->getManager();
-        $person = $em->getRepository('ChillPersonBundle:Person')->find($person_id);

-        if (!$person) {
-            throw $this->createNotFoundException('person not found');
+        [$person, $accompanyingPeriod] = $this->getEntity($request);
+
+        if ($accompanyingPeriod instanceof AccompanyingPeriod) {
+            $view = 'ChillActivityBundle:Activity:editAccompanyingCourse.html.twig';
+        } elseif ($person instanceof Person) {
+            $view = 'ChillActivityBundle:Activity:editPerson.html.twig';
        }

-        $this->denyAccessUnlessGranted('CHILL_PERSON_SEE', $person);
-
        $entity = $em->getRepository('ChillActivityBundle:Activity')->find($id);

        if (!$entity) {
            throw $this->createNotFoundException('Unable to find Activity entity.');
        }

-        $this->denyAccessUnlessGranted('CHILL_ACTIVITY_UPDATE', $entity);
+        // TODO
+        // $this->denyAccessUnlessGranted('CHILL_ACTIVITY_UPDATE', $entity);

-        $editForm = $this->createEditForm($entity);
-        $deleteForm = $this->createDeleteForm($id, $person);
+        $form = $this->createForm(ActivityType::class, $entity, [
+            'center' => $entity->getCenter(),
+            'role'   => new Role('CHILL_ACTIVITY_UPDATE'),
+            'activityType' => $entity->getType(),
+            'accompanyingPeriod' => $accompanyingPeriod,
+        ])->handleRequest($request);

+        if ($form->isSubmitted() && $form->isValid()) {
+            $em->persist($entity);
+            $em->flush();
+
+            $this->addFlash('success', $this->get('translator')->trans('Success : activity updated!'));
+
+            $params = $this->buildParamsToUrl($person, $accompanyingPeriod);
+            $params['id'] = $id;
+            return $this->redirectToRoute('chill_activity_activity_show', $params);
+        }
+
+        $deleteForm = $this->createDeleteForm($id, $person, $accompanyingPeriod);
+
+        /*
+         * TODO
        $event = new PrivacyEvent($person, array(
            'element_class' => Activity::class,
            'element_id' => $entity->getId(),
            'action' => 'edit'
        ));
        $this->eventDispatcher->dispatch(PrivacyEvent::PERSON_PRIVACY_EVENT, $event);
+        */

-        return $this->render('ChillActivityBundle:Activity:edit.html.twig', array(
-            'entity'      => $entity,
-            'edit_form'   => $editForm->createView(),
-            'delete_form' => $deleteForm->createView(),
-            'person' => $person
-        ));
-    }
-
-    /**
-    * Creates a form to edit a Activity entity.
-    *
-    * @param Activity $entity The entity
-    *
-    * @return \Symfony\Component\Form\Form The form
-    */
-    private function createEditForm(Activity $entity)
-    {
-        $form = $this->createForm(ActivityType::class, $entity, array(
-            'action' => $this->generateUrl('chill_activity_activity_update',
-                    array(
-                        'id' => $entity->getId(),
-                        'person_id' => $entity->getPerson()->getId()
-                )),
-            'method' => 'PUT',
-            'center' => $entity->getCenter(),
-            'role'   => new Role('CHILL_ACTIVITY_UPDATE')
-        ));
-
-        return $form;
-    }
-    /**
-     * Edits an existing Activity entity.
-     *
-     */
-    public function updateAction(Request $request, $person_id, $id)
-    {
-        $em = $this->getDoctrine()->getManager();
-
-        $person = $em->getRepository('ChillPersonBundle:Person')->find($person_id);
-        $entity = $em->getRepository('ChillActivityBundle:Activity')->find($id);
-
-        if (!$entity) {
-            throw $this->createNotFoundException('Unable to find Activity entity.');
+        if ($view === null) {
+            throw $this->createNotFoundException('Template not found');
        }

-        $this->denyAccessUnlessGranted('CHILL_ACTIVITY_UPDATE', $entity);
+        $activity_array = $this->serializer->normalize($entity, 'json', ['groups' => 'read']);

-        $deleteForm = $this->createDeleteForm($id, $person);
-        $editForm = $this->createEditForm($entity);
-        $editForm->handleRequest($request);
-
-        $event = new PrivacyEvent($person, array(
-            'element_class' => Activity::class,
-            'element_id' => $entity->getId(),
-            'action' => 'update'
-        ));
-        $this->eventDispatcher->dispatch(PrivacyEvent::PERSON_PRIVACY_EVENT, $event);
-
-        if ($editForm->isValid()) {
-            $em->flush();
-
-            $this->get('session')
-                ->getFlashBag()
-                ->add('success',
-                    $this->get('translator')
-                        ->trans('Success : activity updated!')
-                );
-
-            return $this->redirect($this->generateUrl('chill_activity_activity_show', array('id' => $id, 'person_id' => $person_id)));
-        }
-
-        $this->get('session')
-            ->getFlashBag()
-            ->add('error',
-                $this->get('translator')
-                    ->trans('This form contains errors')
-            );
-
-        return $this->render('ChillActivityBundle:Activity:edit.html.twig', array(
-            'person'      => $entity->getPerson(),
+        return $this->render($view, array(
            'entity'      => $entity,
-            'edit_form'   => $editForm->createView(),
+            'edit_form'   => $form->createView(),
            'delete_form' => $deleteForm->createView(),
+            'person' => $person,
+            'accompanyingCourse' => $accompanyingPeriod,
+            'activity_json' => $activity_array
        ));
    }

@@ -379,22 +346,29 @@ class ActivityController extends AbstractController
     * Deletes a Activity entity.
     *
     */
-    public function deleteAction(Request $request, $id, $person_id)
+    public function deleteAction(Request $request, $id)
    {
        $em = $this->getDoctrine()->getManager();

+        [$person, $accompanyingPeriod] = $this->getEntity($request);
+
+        if ($accompanyingPeriod instanceof AccompanyingPeriod) {
+            $view = 'ChillActivityBundle:Activity:confirm_deleteAccompanyingCourse.html.twig';
+        } elseif ($person instanceof Person) {
+            $view = 'ChillActivityBundle:Activity:confirm_deletePerson.html.twig';
+        }
+
        /* @var $activity Activity */
-        $activity = $em->getRepository('ChillActivityBundle:Activity')
-              ->find($id);
-        $person = $activity->getPerson();
+        $activity = $em->getRepository('ChillActivityBundle:Activity')->find($id);

        if (!$activity) {
            throw $this->createNotFoundException('Unable to find Activity entity.');
        }

-        $this->denyAccessUnlessGranted('CHILL_ACTIVITY_DELETE', $activity);
+        // TODO
+        // $this->denyAccessUnlessGranted('CHILL_ACTIVITY_DELETE', $activity);

-        $form = $this->createDeleteForm($id, $person);
+        $form = $this->createDeleteForm($id, $person, $accompanyingPeriod);

        if ($request->getMethod() === Request::METHOD_DELETE) {
            $form->handleRequest($request);
@@ -404,14 +378,14 @@ class ActivityController extends AbstractController
                $this->logger->notice("An activity has been removed", array(
                   'by_user' => $this->getUser()->getUsername(),
                   'activity_id' => $activity->getId(),
-                   'person_id' => $activity->getPerson()->getId(),
+                   'person_id' => $activity->getPerson() ? $activity->getPerson()->getId() : null,
                   'comment' => $activity->getComment()->getComment(),
-                   'scope_id' => $activity->getScope()->getId(),
+                   'scope_id' => $activity->getScope() ? $activity->getScope()->getId() : null,
                   'reasons_ids' => $activity->getReasons()
                      ->map(function ($ar) { return $ar->getId(); })
                      ->toArray(),
                   'type_id' => $activity->getType()->getId(),
-                   'duration' => $activity->getDurationTime()->format('U'),
+                   'duration' => $activity->getDurationTime() ? $activity->getDurationTime()->format('U') : null,
                   'date' => $activity->getDate()->format('Y-m-d'),
                   'attendee' => $activity->getAttendee()
                ));
@@ -422,37 +396,86 @@ class ActivityController extends AbstractController
                $this->addFlash('success', $this->get('translator')
                      ->trans("The activity has been successfully removed."));

-                return $this->redirect($this->generateUrl(
-                  'chill_activity_activity_list', array(
-                     'person_id' => $person_id
-                  )));
+                $params = $this->buildParamsToUrl($person, $accompanyingPeriod);
+                return $this->redirectToRoute('chill_activity_activity_list', $params);
            }
        }

-        return $this->render('ChillActivityBundle:Activity:confirm_delete.html.twig', array(
+        if ($view === null) {
+            throw $this->createNotFoundException('Template not found');
+        }
+
+        return $this->render($view, array(
           'activity' => $activity,
-           'delete_form' => $form->createView()
+           'delete_form' => $form->createView(),
+           'person' => $person,
+           'accompanyingCourse' => $accompanyingPeriod,
        ));
-
-
    }

    /**
     * Creates a form to delete a Activity entity by id.
-     *
-     * @param mixed $id The entity id
-     *
-     * @return \Symfony\Component\Form\Form The form
     */
-    private function createDeleteForm($id, $person)
+    private function createDeleteForm(int $id, ?Person $person, ?AccompanyingPeriod $accompanyingPeriod): Form
    {
+        $params = $this->buildParamsToUrl($person, $accompanyingPeriod);
+        $params['id'] = $id;
+
        return $this->createFormBuilder()
-            ->setAction($this->generateUrl(
-                'chill_activity_activity_delete',
-                array('id' => $id, 'person_id' => $person->getId())))
+            ->setAction($this->generateUrl('chill_activity_activity_delete', $params))
            ->setMethod('DELETE')
            ->add('submit', SubmitType::class, array('label' => 'Delete'))
            ->getForm()
        ;
    }
+
+    private function getEntity(Request $request): array
+    {
+        $em = $this->getDoctrine()->getManager();
+        $person = $accompanyingPeriod  = null;
+
+        if ($request->query->has('person_id')) {
+            $person_id = $request->get('person_id');
+            $person = $em->getRepository(Person::class)->find($person_id);
+
+            if ($person === null) {
+                throw $this->createNotFoundException('Person not found');
+            }
+
+            $this->denyAccessUnlessGranted('CHILL_PERSON_SEE', $person);
+        } elseif ($request->query->has('accompanying_period_id')) {
+            $accompanying_period_id = $request->get('accompanying_period_id');
+            $accompanyingPeriod = $em->getRepository(AccompanyingPeriod::class)->find($accompanying_period_id);
+
+            if ($accompanyingPeriod === null) {
+                throw $this->createNotFoundException('Accompanying Period not found');
+            }
+
+            // TODO Add permission
+            // $this->denyAccessUnlessGranted('CHILL_PERSON_SEE', $person);
+        } else {
+            throw $this->createNotFoundException("Person or Accompanying Period not found");
+        }
+
+        return [
+            $person, $accompanyingPeriod
+        ];
+    }
+
+    private function buildParamsToUrl(
+        ?Person $person,
+        ?AccompanyingPeriod $accompanyingPeriod
+    ): array {
+        $params = [];
+
+        if ($person) {
+            $params['person_id'] = $person->getId();
+        }
+
+        if ($accompanyingPeriod) {
+            $params['accompanying_period_id'] = $accompanyingPeriod->getId();
+        }
+
+        return $params;
+    }
 }
--- a/src/Bundle/ChillActivityBundle/Controller/ActivityTypeController.php
+++ b/src/Bundle/ChillActivityBundle/Controller/ActivityTypeController.php
@@ -1,178 +0,0 @@
-<?php
-
-namespace Chill\ActivityBundle\Controller;
-
-use Symfony\Component\HttpFoundation\Request;
-use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
-use Symfony\Component\Form\Extension\Core\Type\SubmitType;
-use Chill\ActivityBundle\Entity\ActivityType;
-use Chill\ActivityBundle\Form\ActivityTypeType;
-
-/**
- * Class ActivityTypeController
- *
- * @package Chill\ActivityBundle\Controller
- */
-class ActivityTypeController extends AbstractController
-{
-
-    /**
-     * Lists all ActivityType entities.
-     *
-     */
-    public function indexAction()
-    {
-        $em = $this->getDoctrine()->getManager();
-
-        $entities = $em->getRepository('ChillActivityBundle:ActivityType')->findAll();
-
-        return $this->render('ChillActivityBundle:ActivityType:index.html.twig', array(
-            'entities' => $entities,
-        ));
-    }
-    /**
-     * Creates a new ActivityType entity.
-     *
-     */
-    public function createAction(Request $request)
-    {
-        $entity = new ActivityType();
-        $form = $this->createCreateForm($entity);
-        $form->handleRequest($request);
-
-        if ($form->isValid()) {
-            $em = $this->getDoctrine()->getManager();
-            $em->persist($entity);
-            $em->flush();
-
-            return $this->redirect($this->generateUrl('chill_activity_activitytype_show', array('id' => $entity->getId())));
-        }
-
-        return $this->render('ChillActivityBundle:ActivityType:new.html.twig', array(
-            'entity' => $entity,
-            'form'   => $form->createView(),
-        ));
-    }
-
-    /**
-     * Creates a form to create a ActivityType entity.
-     *
-     * @param ActivityType $entity The entity
-     *
-     * @return \Symfony\Component\Form\Form The form
-     */
-    private function createCreateForm(ActivityType $entity)
-    {
-        $form = $this->createForm(ActivityTypeType::class, $entity, array(
-            'action' => $this->generateUrl('chill_activity_activitytype_create'),
-            'method' => 'POST',
-        ));
-
-        $form->add('submit', SubmitType::class, array('label' => 'Create'));
-
-        return $form;
-    }
-
-    /**
-     * Displays a form to create a new ActivityType entity.
-     *
-     */
-    public function newAction()
-    {
-        $entity = new ActivityType();
-        $form   = $this->createCreateForm($entity);
-
-        return $this->render('ChillActivityBundle:ActivityType:new.html.twig', array(
-            'entity' => $entity,
-            'form'   => $form->createView(),
-        ));
-    }
-
-    /**
-     * Finds and displays a ActivityType entity.
-     *
-     */
-    public function showAction($id)
-    {
-        $em = $this->getDoctrine()->getManager();
-
-        $entity = $em->getRepository('ChillActivityBundle:ActivityType')->find($id);
-
-        if (!$entity) {
-            throw $this->createNotFoundException('Unable to find ActivityType entity.');
-        }
-
-        return $this->render('ChillActivityBundle:ActivityType:show.html.twig', array(
-            'entity'      => $entity,
-        ));
-    }
-
-    /**
-     * Displays a form to edit an existing ActivityType entity.
-     *
-     */
-    public function editAction($id)
-    {
-        $em = $this->getDoctrine()->getManager();
-
-        $entity = $em->getRepository('ChillActivityBundle:ActivityType')->find($id);
-
-        if (!$entity) {
-            throw $this->createNotFoundException('Unable to find ActivityType entity.');
-        }
-
-        $editForm = $this->createEditForm($entity);
-
-        return $this->render('ChillActivityBundle:ActivityType:edit.html.twig', array(
-            'entity'      => $entity,
-            'edit_form'   => $editForm->createView()
-        ));
-    }
-
-    /**
-    * Creates a form to edit a ActivityType entity.
-    *
-    * @param ActivityType $entity The entity
-    *
-    * @return \Symfony\Component\Form\Form The form
-    */
-    private function createEditForm(ActivityType $entity)
-    {
-        $form = $this->createForm(ActivityTypeType::class, $entity, array(
-            'action' => $this->generateUrl('chill_activity_activitytype_update', array('id' => $entity->getId())),
-            'method' => 'PUT',
-        ));
-
-        $form->add('submit', SubmitType::class, array('label' => 'Update'));
-
-        return $form;
-    }
-    /**
-     * Edits an existing ActivityType entity.
-     *
-     */
-    public function updateAction(Request $request, $id)
-    {
-        $em = $this->getDoctrine()->getManager();
-
-        $entity = $em->getRepository('ChillActivityBundle:ActivityType')->find($id);
-
-        if (!$entity) {
-            throw $this->createNotFoundException('Unable to find ActivityType entity.');
-        }
-
-        $editForm = $this->createEditForm($entity);
-        $editForm->handleRequest($request);
-
-        if ($editForm->isValid()) {
-            $em->flush();
-
-            return $this->redirect($this->generateUrl('chill_activity_activitytype_edit', array('id' => $id)));
-        }
-
-        return $this->render('ChillActivityBundle:ActivityType:edit.html.twig', array(
-            'entity'      => $entity,
-            'edit_form'   => $editForm->createView(),
-        ));
-    }
-}
--- a/src/Bundle/ChillActivityBundle/Controller/AdminActivityPresenceController.php
+++ b/src/Bundle/ChillActivityBundle/Controller/AdminActivityPresenceController.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace Chill\ActivityBundle\Controller;
+
+use Chill\MainBundle\CRUD\Controller\CRUDController;
+use Chill\MainBundle\Pagination\PaginatorInterface;
+use Symfony\Component\HttpFoundation\Request;
+
+class AdminActivityPresenceController extends CRUDController
+{
+    /**
+     * @param string $action
+     * @param \Doctrine\ORM\QueryBuilder|mixed $query
+     * @param Request $request
+     * @param PaginatorInterface $paginator
+     * @return \Doctrine\ORM\QueryBuilder|mixed
+     */
+    protected function orderQuery(string $action, $query, Request $request, PaginatorInterface $paginator)
+    {
+        /** @var \Doctrine\ORM\QueryBuilder $query */
+        return $query->orderBy('e.id', 'ASC');
+    }
+}
--- a/src/Bundle/ChillActivityBundle/Controller/AdminActivityTypeCategoryController.php
+++ b/src/Bundle/ChillActivityBundle/Controller/AdminActivityTypeCategoryController.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace Chill\ActivityBundle\Controller;
+
+use Chill\MainBundle\CRUD\Controller\CRUDController;
+use Chill\MainBundle\Pagination\PaginatorInterface;
+use Symfony\Component\HttpFoundation\Request;
+
+class AdminActivityTypeCategoryController extends CRUDController
+{
+    /**
+     * @param string $action
+     * @param \Doctrine\ORM\QueryBuilder|mixed $query
+     * @param Request $request
+     * @param PaginatorInterface $paginator
+     * @return \Doctrine\ORM\QueryBuilder|mixed
+     */
+    protected function orderQuery(string $action, $query, Request $request, PaginatorInterface $paginator)
+    {
+        /** @var \Doctrine\ORM\QueryBuilder $query */
+        return $query->orderBy('e.ordering', 'ASC');
+    }
+}
--- a/src/Bundle/ChillActivityBundle/Controller/AdminActivityTypeController.php
+++ b/src/Bundle/ChillActivityBundle/Controller/AdminActivityTypeController.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace Chill\ActivityBundle\Controller;
+
+use Chill\MainBundle\CRUD\Controller\CRUDController;
+use Chill\MainBundle\Pagination\PaginatorInterface;
+use Symfony\Component\HttpFoundation\Request;
+
+class AdminActivityTypeController extends CRUDController
+{
+    /**
+     * @param string $action
+     * @param \Doctrine\ORM\QueryBuilder|mixed $query
+     * @param Request $request
+     * @param PaginatorInterface $paginator
+     * @return \Doctrine\ORM\QueryBuilder|mixed
+     */
+    protected function orderQuery(string $action, $query, Request $request, PaginatorInterface $paginator)
+    {
+        /** @var \Doctrine\ORM\QueryBuilder $query */
+        return $query->orderBy('e.ordering', 'ASC');
+    }
+}
--- a/src/Bundle/ChillActivityBundle/DataFixtures/ORM/LoadActivity.php
+++ b/src/Bundle/ChillActivityBundle/DataFixtures/ORM/LoadActivity.php
@@ -116,9 +116,10 @@ class LoadActivity extends AbstractFixture implements OrderedFixtureInterface, C
            ->setDurationTime($this->faker->dateTime(36000))
            ->setType($this->getRandomActivityType())
            ->setScope($this->getRandomScope())
-            ->setAttendee($this->faker->boolean())
            ;

+        //      ->setAttendee($this->faker->boolean())
+
        $usedId = array();
        for ($i = 0; $i < rand(0, 4); $i++) {
            $reason = $this->getRandomActivityReason($usedId);
@@ -137,11 +138,15 @@ class LoadActivity extends AbstractFixture implements OrderedFixtureInterface, C

        foreach($persons as $person) {
            $activityNbr = rand(0,3);
+            $ref = 'activity_'.$person->getFullnameCanonical();
+
            for($i = 0; $i < $activityNbr; $i ++) {
-                print "Creating an activity type for  : ".$person."\n";
+                print "Creating an activity type for  : ".$person." (ref: ".$ref.")  \n";
                $activity = $this->newRandomActivity($person);
                $manager->persist($activity);
            }
+
+            $this->setReference($ref, $activity);
        }
        $manager->flush();
    }
--- a/src/Bundle/ChillActivityBundle/DataFixtures/ORM/LoadActivityNotifications.php
+++ b/src/Bundle/ChillActivityBundle/DataFixtures/ORM/LoadActivityNotifications.php
@@ -0,0 +1,39 @@
+<?php
+
+namespace Chill\ActivityBundle\DataFixtures\ORM;
+
+use Doctrine\Common\DataFixtures\AbstractFixture;
+use Doctrine\Common\DataFixtures\DependentFixtureInterface;
+use Chill\ActivityBundle\Entity\Activity;
+use Chill\MainBundle\DataFixtures\ORM\LoadAbstractNotificationsTrait;
+use Chill\ActivityBundle\DataFixtures\ORM\LoadActivity;
+
+/**
+ * Load notififications into database
+ */
+class LoadActivityNotifications extends AbstractFixture implements DependentFixtureInterface
+{
+    use LoadAbstractNotificationsTrait;
+
+    public $notifs = [
+        [
+            'message' => 'Hello !',
+            'entityClass' => Activity::class,
+            'entityRef' => 'activity_gerard depardieu',
+            'sender' => 'center a_social',
+            'addressees' => [
+                'center a_social',
+                'center a_administrative',
+                'center a_direction',
+                'multi_center'
+            ],
+        ]
+    ];
+
+    public function getDependencies()
+    {
+        return [
+            LoadActivity::class,
+        ];
+    }
+}
--- a/src/Bundle/ChillActivityBundle/DataFixtures/ORM/LoadActivityType.php
+++ b/src/Bundle/ChillActivityBundle/DataFixtures/ORM/LoadActivityType.php
@@ -2,27 +2,27 @@

 /*
 * Chill is a software for social workers
- * 
- * Copyright (C) 2014-2015, Champs Libres Cooperative SCRLFS, 
+ *
+ * Copyright (C) 2014-2015, Champs Libres Cooperative SCRLFS,
 * <http://www.champs-libres.coop>, <info@champs-libres.coop>
- * 
+ *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
- * 
+ *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
- * 
+ *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

 namespace Chill\ActivityBundle\DataFixtures\ORM;

-use Doctrine\Common\DataFixtures\AbstractFixture;
+use Doctrine\Bundle\FixturesBundle\Fixture;
 use Doctrine\Common\DataFixtures\OrderedFixtureInterface;
 use Doctrine\Persistence\ObjectManager;
 use Chill\ActivityBundle\Entity\ActivityType;
@@ -32,36 +32,59 @@ use Chill\ActivityBundle\Entity\ActivityType;
 *
 * @author Champs-Libres Coop
 */
-class LoadActivityType extends AbstractFixture implements OrderedFixtureInterface
+class LoadActivityType extends Fixture implements OrderedFixtureInterface
 {
    public function getOrder()
    {
        return 16100;
    }
-    
+
    public static $references = array();

    public function load(ObjectManager $manager)
    {
        $types = [
-            [ 'name' =>
-                ['fr' => 'Appel téléphonique', 'en' => 'Telephone call', 'nl' => 'Telefoon appel']],
-            [ 'name' =>
-                ['fr' => 'Entretien', 'en' => 'Interview', 'nl' => 'Vraaggesprek']],
-            [ 'name' =>
-                ['fr' => 'Inspection', 'en' => 'Inspection', 'nl' => 'Inspectie']]
+            # Exange
+            [
+                'name' =>
+                    ['fr' => 'Entretien physique avec l\'usager'],
+                'category' => 'exchange' ],
+            [
+                'name' =>
+                    ['fr' => 'Appel téléphonique', 'en' => 'Telephone call', 'nl' => 'Telefoon appel'],
+                'category' => 'exchange' ],
+            [
+                'name' =>
+                    ['fr' => 'Courriel', 'en' => 'Email', 'nl' => 'Email'],
+                'category' => 'exchange' ],
+            # Meeting
+            [
+                'name' =>
+                    ['fr' => 'Point technique encadrant'],
+                'category' => 'meeting' ],
+            [
+                'name' =>
+                    ['fr' => 'Réunion avec des partenaires'],
+                'category' => 'meeting' ],
+            [
+                'name' =>
+                    ['fr' => 'Commission pluridisciplinaire et pluri-institutionnelle'],
+                'category' => 'meeting' ],
        ];
-            
+
        foreach ($types as $t) {
-            print "Creating activity type : " . $t['name']['en'] . "\n";
+            print "Creating activity type : " . $t['name']['fr'] . " (cat:". $t['category']  . " \n";
            $activityType = (new ActivityType())
-                ->setName(($t['name']));
+                ->setName(($t['name']))
+                ->setCategory($this->getReference('activity_type_cat_'.$t['category']))
+                ->setSocialIssuesVisible(1)
+                ->setSocialActionsVisible(1);
            $manager->persist($activityType);
-            $reference = 'activity_type_'.$t['name']['en'];
+            $reference = 'activity_type_'.$t['name']['fr'];
            $this->addReference($reference, $activityType);
            static::$references[] = $reference;
        }
-        
+
        $manager->flush();
    }
 }
--- a/src/Bundle/ChillActivityBundle/DataFixtures/ORM/LoadActivityTypeCategory.php
+++ b/src/Bundle/ChillActivityBundle/DataFixtures/ORM/LoadActivityTypeCategory.php
@@ -0,0 +1,72 @@
+<?php
+
+/*
+ * Chill is a software for social workers
+ *
+ * Copyright (C) 2014-2021, Champs Libres Cooperative SCRLFS,
+ * <http://www.champs-libres.coop>, <info@champs-libres.coop>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+namespace Chill\ActivityBundle\DataFixtures\ORM;
+
+use Doctrine\Bundle\FixturesBundle\Fixture;
+use Doctrine\Common\DataFixtures\OrderedFixtureInterface;
+use Doctrine\Persistence\ObjectManager;
+use Chill\ActivityBundle\Entity\ActivityTypeCategory;
+
+/**
+ * Fixtures for ActivityTypeCategory
+ *
+ * @author Champs-Libres Coop
+ */
+class LoadActivityTypeCategory extends Fixture implements OrderedFixtureInterface
+{
+    public static $references = array();
+
+    public function getOrder()
+    {
+        return 16050;
+    }
+
+    public function load(ObjectManager $manager)
+    {
+        $categories = [
+            [
+                'name' => ['fr' => 'Échange avec usager', 'en' => 'Exchange with user'],
+                'ref' => 'exchange',
+            ],
+            [
+                'name' => ['fr' => 'Réunion', 'en' => 'Meeting'],
+                'ref' => 'meeting',
+            ],
+        ];
+
+        foreach ($categories as $cat) {
+            print "Creating activity type category : " . $cat['ref'] . "\n";
+
+            $newCat = (new ActivityTypeCategory())
+                ->setName(($cat['name']));
+
+            $manager->persist($newCat);
+            $reference = 'activity_type_cat_'.$cat['ref'];
+
+            $this->addReference($reference, $newCat);
+            static::$references[] = $reference;
+        }
+
+        $manager->flush();
+    }
+}
--- a/src/Bundle/ChillActivityBundle/DependencyInjection/ChillActivityExtension.php
+++ b/src/Bundle/ChillActivityBundle/DependencyInjection/ChillActivityExtension.php
@@ -3,7 +3,7 @@
 /*
 * Chill is a software for social workers
 *
- * Copyright (C) 2014-2015, Champs Libres Cooperative SCRLFS, 
+ * Copyright (C) 2014-2015, Champs Libres Cooperative SCRLFS,
 * <http://www.champs-libres.coop>, <info@champs-libres.coop>
 *
 * This program is free software: you can redistribute it and/or modify
@@ -44,7 +44,7 @@ class ChillActivityExtension extends Extension implements PrependExtensionInterf
    {
        $configuration = new Configuration();
        $config = $this->processConfiguration($configuration, $configs);
-        
+
        $container->setParameter('chill_activity.form.time_duration', $config['form']['time_duration']);

        $loader = new Loader\YamlFileLoader($container, new FileLocator(__DIR__.'/../config'));
@@ -56,17 +56,18 @@ class ChillActivityExtension extends Extension implements PrependExtensionInterf
        $loader->load('services/form.yaml');
        $loader->load('services/templating.yaml');
    }
-    
+
    public function prepend(ContainerBuilder $container)
    {
        $this->prependRoutes($container);
        $this->prependAuthorization($container);
+        $this->prependCruds($container);
    }

    /* (non-PHPdoc)
     * @see \Symfony\Component\DependencyInjection\Extension\PrependExtensionInterface::prepend()
     */
-    public function prependRoutes(ContainerBuilder $container) 
+    public function prependRoutes(ContainerBuilder $container)
    {
        //add routes for custom bundle
         $container->prependExtensionConfig('chill_main', array(
@@ -77,7 +78,7 @@ class ChillActivityExtension extends Extension implements PrependExtensionInterf
           )
        ));
    }
-    
+
    public function prependAuthorization(ContainerBuilder $container)
    {
        $container->prependExtensionConfig('security', array(
@@ -89,4 +90,75 @@ class ChillActivityExtension extends Extension implements PrependExtensionInterf
           )
        ));
    }
+
+    protected function prependCruds(ContainerBuilder $container)
+    {
+        $container->prependExtensionConfig('chill_main', [
+            'cruds' => [
+                [
+                    'class' => \Chill\ActivityBundle\Entity\ActivityType::class,
+                    'name' => 'activity_type',
+                    'base_path' => '/admin/activity/type',
+                    'form_class' => \Chill\ActivityBundle\Form\ActivityTypeType::class,
+                    'controller' => \Chill\ActivityBundle\Controller\AdminActivityTypeController::class,
+                    'actions' => [
+                        'index' => [
+                            'template' => '@ChillActivity/ActivityType/index.html.twig',
+                            'role' => 'ROLE_ADMIN'
+                        ],
+                        'new'   => [
+                            'role' => 'ROLE_ADMIN',
+                            'template' => '@ChillActivity/ActivityType/new.html.twig',
+                        ],
+                        'edit'  => [
+                            'role' => 'ROLE_ADMIN',
+                            'template' => '@ChillActivity/ActivityType/edit.html.twig',
+                        ]
+                    ]
+                ],
+                [
+                    'class' => \Chill\ActivityBundle\Entity\ActivityTypeCategory::class,
+                    'name' => 'activity_type_category',
+                    'base_path' => '/admin/activity/type_category',
+                    'form_class' => \Chill\ActivityBundle\Form\ActivityTypeCategoryType::class,
+                    'controller' => \Chill\ActivityBundle\Controller\AdminActivityTypeCategoryController::class,
+                    'actions' => [
+                        'index' => [
+                            'template' => '@ChillActivity/ActivityTypeCategory/index.html.twig',
+                            'role' => 'ROLE_ADMIN'
+                        ],
+                        'new'   => [
+                            'role' => 'ROLE_ADMIN',
+                            'template' => '@ChillActivity/ActivityTypeCategory/new.html.twig',
+                        ],
+                        'edit'  => [
+                            'role' => 'ROLE_ADMIN',
+                            'template' => '@ChillActivity/ActivityTypeCategory/edit.html.twig',
+                        ]
+                    ]
+                ],
+                [
+                    'class' => \Chill\ActivityBundle\Entity\ActivityPresence::class,
+                    'name' => 'activity_presence',
+                    'base_path' => '/admin/activity/presence',
+                    'form_class' => \Chill\ActivityBundle\Form\ActivityPresenceType::class,
+                    'controller' => \Chill\ActivityBundle\Controller\AdminActivityPresenceController::class,
+                    'actions' => [
+                        'index' => [
+                            'template' => '@ChillActivity/ActivityPresence/index.html.twig',
+                            'role' => 'ROLE_ADMIN'
+                        ],
+                        'new'   => [
+                            'role' => 'ROLE_ADMIN',
+                            'template' => '@ChillActivity/ActivityPresence/new.html.twig',
+                        ],
+                        'edit'  => [
+                            'role' => 'ROLE_ADMIN',
+                            'template' => '@ChillActivity/ActivityPresence/edit.html.twig',
+                        ]
+                    ]
+                ],
+            ]
+        ]);
+    }
 }
--- a/src/Bundle/ChillActivityBundle/Entity/Activity.php
+++ b/src/Bundle/ChillActivityBundle/Entity/Activity.php
@@ -20,19 +20,25 @@

 namespace Chill\ActivityBundle\Entity;

+use Chill\DocStoreBundle\Entity\Document;
+use Chill\DocStoreBundle\Entity\StoredObject;
 use Chill\MainBundle\Entity\Embeddable\CommentEmbeddable;
+use Chill\PersonBundle\Entity\AccompanyingPeriod;
+use Chill\PersonBundle\Entity\SocialWork\SocialAction;
+use Chill\PersonBundle\Entity\SocialWork\SocialIssue;
+use Chill\ThirdPartyBundle\Entity\ThirdParty;
 use Doctrine\ORM\Mapping as ORM;
 use Chill\MainBundle\Entity\Scope;
 use Chill\MainBundle\Entity\User;
 use Chill\MainBundle\Entity\Center;
-use Chill\ActivityBundle\Entity\ActivityReason;
-use Chill\ActivityBundle\Entity\ActivityType;
 use Chill\PersonBundle\Entity\Person;
 use Chill\MainBundle\Entity\HasCenterInterface;
 use Chill\MainBundle\Entity\HasScopeInterface;
 use Doctrine\Common\Collections\Collection;
 use Doctrine\Common\Collections\ArrayCollection;
 use Chill\MainBundle\Validator\Constraints\Entity\UserCircleConsistency;
+use Symfony\Component\Serializer\Annotation\Groups;
+use Symfony\Component\Serializer\Annotation\DiscriminatorMap;

 /**
 * Class Activity
@@ -41,311 +47,511 @@ use Chill\MainBundle\Validator\Constraints\Entity\UserCircleConsistency;
 * @ORM\Entity(repositoryClass="Chill\ActivityBundle\Repository\ActivityRepository")
 * @ORM\Table(name="activity")
 * @ORM\HasLifecycleCallbacks()
+ * @DiscriminatorMap(typeProperty="type", mapping={
+ *  "activity"=Activity::class
+ *  })
+ */
+
+/*
+ * TODO : revoir
 * @UserCircleConsistency(
 *      "CHILL_ACTIVITY_SEE_DETAILS",
 *      getUserFunction="getUser",
 *      path="scope")
 */
+
 class Activity implements HasCenterInterface, HasScopeInterface
 {
+    const SENTRECEIVED_SENT = 'sent';
+    const SENTRECEIVED_RECEIVED = 'received';
+
    /**
-     * @var integer
-     *
     * @ORM\Id
     * @ORM\Column(name="id", type="integer")
     * @ORM\GeneratedValue(strategy="AUTO")
+     * @Groups({"read"})
     */
-    private $id;
+    private ?int $id = null;

    /**
-     * @var User
     * @ORM\ManyToOne(targetEntity="Chill\MainBundle\Entity\User")
     */
-    private $user;
+    private User $user;

    /**
-     * @var \DateTime
     * @ORM\Column(type="datetime")
     */
-    private $date;
+    private \DateTime $date;

    /**
-     * @var \DateTime
-     * @ORM\Column(type="time")
+     * @ORM\Column(type="time", nullable=true)
     */
-    private $durationTime;
+    private ?\DateTime $durationTime = null;

    /**
-     * @var boolean
-     * @ORM\Column(type="boolean")
+     * @ORM\Column(type="time", nullable=true)
     */
-    private $attendee;
+    private ?\DateTime $travelTime = null;
+
+    /**
+     * @ORM\ManyToOne(targetEntity="Chill\ActivityBundle\Entity\ActivityPresence")
+     */
+    private ?ActivityPresence $attendee = null;

    /**
-     * @var ActivityReason
     * @ORM\ManyToMany(targetEntity="Chill\ActivityBundle\Entity\ActivityReason")
     */
-    private $reasons;
+    private Collection $reasons;
+
+    /**
+     * @ORM\ManyToMany(targetEntity="Chill\PersonBundle\Entity\SocialWork\SocialIssue")
+     * @ORM\JoinTable(name="chill_activity_activity_chill_person_socialissue")
+     * @Groups({"read"})
+     */
+    private Collection $socialIssues;
+
+    /**
+     * @ORM\ManyToMany(targetEntity="Chill\PersonBundle\Entity\SocialWork\SocialAction")
+     * @ORM\JoinTable(name="chill_activity_activity_chill_person_socialaction")
+     * @Groups({"read"})
+     */
+    private Collection $socialActions;

    /**
-     * @var ActivityType
     * @ORM\ManyToOne(targetEntity="Chill\ActivityBundle\Entity\ActivityType")
     */
-    private $type;
+    private ActivityType $type;

    /**
-     * @var Scope
     * @ORM\ManyToOne(targetEntity="Chill\MainBundle\Entity\Scope")
     */
-    private $scope;
+    private ?Scope $scope = null;

    /**
-     * @var Person
     * @ORM\ManyToOne(targetEntity="Chill\PersonBundle\Entity\Person")
     */
-    private $person;
+    private ?Person $person = null;
+
+    /**
+     * @ORM\ManyToOne(targetEntity="Chill\PersonBundle\Entity\AccompanyingPeriod")
+     * @Groups({"read"})
+     */
+    private ?AccompanyingPeriod $accompanyingPeriod = null;

    /**
     * @ORM\Embedded(class="Chill\MainBundle\Entity\Embeddable\CommentEmbeddable", columnPrefix="comment_")
     */
-    private $comment;
+    private CommentEmbeddable $comment;

    /**
-     * Activity constructor.
+     * @ORM\ManyToMany(targetEntity="Chill\PersonBundle\Entity\Person")
+     * @Groups({"read"})
     */
+    private ?Collection $persons = null;
+
+    /**
+     * @ORM\ManyToMany(targetEntity="Chill\ThirdPartyBundle\Entity\ThirdParty")
+     * @Groups({"read"})
+     */
+    private ?Collection $thirdParties = null;
+
+    /**
+     * @ORM\ManyToMany(targetEntity="Chill\DocStoreBundle\Entity\StoredObject")
+     */
+    private Collection $documents;
+
+    /**
+     * @ORM\ManyToMany(targetEntity="Chill\MainBundle\Entity\User")
+     * @Groups({"read"})
+     */
+    private ?Collection $users = null;
+
+    /**
+     * @ORM\Column(type="boolean", options={"default"=false})
+     */
+    private bool $emergency = false;
+
+    /**
+     * @ORM\Column(type="string", options={"default"=""})
+     */
+    private string $sentReceived = '';
+
    public function __construct()
    {
        $this->reasons = new ArrayCollection();
        $this->comment = new CommentEmbeddable();
+        $this->persons = new ArrayCollection();
+        $this->thirdParties = new ArrayCollection();
+        $this->documents = new ArrayCollection();
+        $this->users = new ArrayCollection();
+        $this->socialIssues = new ArrayCollection();
+        $this->socialActions = new ArrayCollection();
    }

-    /**
-     * Get id
-     *
-     * @return integer
-     */
-    public function getId()
+    public function getId(): ?int
    {
        return $this->id;
    }

-    /**
-     * Set user
-     *
-     * @param User $user
-     * @return Activity
-     */
-    public function setUser(User $user)
+    public function setUser(User $user): self
    {
        $this->user = $user;

        return $this;
    }

-    /**
-     * Get user
-     *
-     * @return User
-     */
-    public function getUser()
+    public function getUser(): User
    {
        return $this->user;
    }

-    /**
-     * Set date
-     *
-     * @param \DateTime $date
-     * @return Activity
-     */
-    public function setDate($date)
+    public function setDate(\DateTime $date): self
    {
        $this->date = $date;

        return $this;
    }

-    /**
-     * Get date
-     *
-     * @return \DateTime
-     */
-    public function getDate()
+    public function getDate(): \DateTime
    {
        return $this->date;
    }

-    /**
-     * Set durationTime
-     *
-     * @param \DateTime $durationTime
-     * @return Activity
-     */
-    public function setDurationTime($durationTime)
+    public function setDurationTime(?\DateTime $durationTime): self
    {
        $this->durationTime = $durationTime;

        return $this;
    }

-    /**
-     * Get durationTime
-     *
-     * @return \DateTime
-     */
-    public function getDurationTime()
+    public function getDurationTime(): ?\DateTime
    {
        return $this->durationTime;
    }

-    /**
-     * Set attendee
-     *
-     * @param boolean $attendee
-     * @return Activity
-     */
-    public function setAttendee($attendee)
+    public function setTravelTime(\DateTime $travelTime): self
+    {
+        $this->travelTime = $travelTime;
+
+        return $this;
+    }
+
+    public function getTravelTime(): ?\DateTime
+    {
+        return $this->travelTime;
+    }
+
+    public function setAttendee(ActivityPresence $attendee): self
    {
        $this->attendee = $attendee;

        return $this;
    }

-    /**
-     * Get attendee
-     *
-     * @return boolean
-     */
-    public function getAttendee()
+    public function getAttendee(): ?ActivityPresence
    {
        return $this->attendee;
    }

-    /**
-     * Add a reason
-     *
-     * @param ActivityReason $reason
-     * @return Activity
-     */
-    public function addReason(ActivityReason $reason)
+    public function addReason(ActivityReason $reason): self
    {
-        $this->reasons[] = $reason;
+        $this->reasons->add($reason);

        return $this;
    }

-    /**
-     * @param ActivityReason $reason
-     */
-    public function removeReason(ActivityReason $reason)
+    public function removeReason(ActivityReason $reason): void
    {
        $this->reasons->removeElement($reason);
    }

-    /**
-     * Get reasons
-     *
-     * @return Collection
-     */
-    public function getReasons()
+    public function getReasons(): Collection
    {
        return $this->reasons;
    }

-    /**
-     * Set type
-     *
-     * @param ActivityType $type
-     * @return Activity
-     */
-    public function setType(ActivityType $type)
+    public function setReasons(?ArrayCollection $reasons): self
+    {
+        $this->reasons = $reasons;
+
+        return $this;
+    }
+
+    public function getSocialIssues(): Collection
+    {
+        return $this->socialIssues;
+    }
+
+    public function addSocialIssue(SocialIssue $socialIssue): self
+    {
+        if (!$this->socialIssues->contains($socialIssue)) {
+            $this->socialIssues[] = $socialIssue;
+        }
+
+        return $this;
+    }
+
+    public function removeSocialIssue(SocialIssue $socialIssue): self
+    {
+        $this->socialIssues->removeElement($socialIssue);
+
+        return $this;
+    }
+
+    public function getSocialActions(): Collection
+    {
+        return $this->socialActions;
+    }
+
+    public function addSocialAction(SocialAction $socialAction): self
+    {
+        if (!$this->socialActions->contains($socialAction)) {
+            $this->socialActions[] = $socialAction;
+        }
+
+        return $this;
+    }
+
+    public function removeSocialAction(SocialAction $socialAction): self
+    {
+        $this->socialActions->removeElement($socialAction);
+
+        return $this;
+    }
+
+
+
+
+    public function setType(ActivityType $type): self
    {
        $this->type = $type;

        return $this;
    }

-    /**
-     * Get type
-     *
-     * @return ActivityType
-     */
-    public function getType()
+    public function getType(): ActivityType
    {
        return $this->type;
    }

-    /**
-     * Set scope
-     *
-     * @param Scope $scope
-     * @return Activity
-     */
-    public function setScope(Scope $scope)
+    public function setScope(Scope $scope): self
    {
        $this->scope = $scope;

        return $this;
    }

-    /**
-     * Get scope
-     *
-     * @return Scope
-     */
-    public function getScope()
+    public function getScope(): ?Scope
    {
        return $this->scope;
    }

-    /**
-     * Set person
-     *
-     * @param Person $person
-     * @return Activity
-     */
-    public function setPerson(Person $person)
+    public function setPerson(?Person $person): self
    {
        $this->person = $person;

        return $this;
    }

-    /**
-     * Get person
-     *
-     * @return Person
-     */
-    public function getPerson()
+    public function getPerson(): ?Person
    {
        return $this->person;
    }

+    public function getAccompanyingPeriod(): ?AccompanyingPeriod
+    {
+        return $this->accompanyingPeriod;
+    }
+
+    public function setAccompanyingPeriod(?AccompanyingPeriod $accompanyingPeriod): self
+    {
+        $this->accompanyingPeriod = $accompanyingPeriod;
+
+        return $this;
+    }
+
    /**
     * get the center
     * center is extracted from person
-     *
-     * @return Center
     */
-    public function getCenter()
+    public function getCenter(): ?Center
    {
-        return $this->person->getCenter();
+        if ($this->person instanceof Person) {
+            return $this->person->getCenter();
+        }
+
+        return null;
    }

-    /**
-     * @return \Chill\MainBundle\Entity\Embeddalbe\CommentEmbeddable
-     */
-    public function getComment()
+    public function getComment(): CommentEmbeddable
    {
        return $this->comment;
    }

-    /**
-     * @param \Chill\MainBundle\Entity\Embeddalbe\CommentEmbeddable $comment
-     */
-    public function setComment($comment)
+    public function setComment(CommentEmbeddable $comment): self
    {
        $this->comment = $comment;
+
+        return $this;
+    }
+
+    /**
+     * Add a person to the person list
+     */
+    public function addPerson(?Person $person): self
+    {
+        if (null !== $person) {
+            $this->persons[] = $person;
+        }
+
+        return $this;
+    }
+
+    public function removePerson(Person $person): void
+    {
+        $this->persons->removeElement($person);
+    }
+
+    public function getPersons(): Collection
+    {
+        return $this->persons;
+    }
+
+    public function getPersonsAssociated(): array 
+    {
+        if (null !== $this->accompanyingPeriod) {
+            $personsAssociated = [];
+            foreach ($this->accompanyingPeriod->getParticipations() as $participation) {
+                if ($this->persons->contains($participation->getPerson())) {
+                    $personsAssociated[] = $participation->getPerson();
+                }
+            }
+            return $personsAssociated; 
+        }
+        return [];
+    }
+    
+    public function getPersonsNotAssociated(): array
+    {
+        if (null !== $this->accompanyingPeriod) {
+            $personsNotAssociated = [];
+            foreach ($this->persons as $person) {
+                if (!in_array($person, $this->getPersonsAssociated())) {
+                     $personsNotAssociated[] = $person;
+                }
+            }
+            return $personsNotAssociated;
+        }
+        return [];
+    }    
+
+    public function setPersons(?Collection $persons): self
+    {
+        $this->persons = $persons;
+
+        return $this;
+    }
+
+    public function addThirdParty(?ThirdParty $thirdParty): self
+    {
+        if (null !== $thirdParty) {
+           $this->thirdParties[] = $thirdParty;
+        }
+        return $this;
+    }
+
+    public function removeThirdParty(ThirdParty $thirdParty): void
+    {
+        $this->thirdParties->removeElement($thirdParty);
+    }
+
+    public function getThirdParties(): Collection
+    {
+        return $this->thirdParties;
+    }
+
+    public function setThirdParties(?Collection $thirdParties): self
+    {
+        $this->thirdParties = $thirdParties;
+
+        return $this;
+    }
+
+    public function addDocument(Document $document): self
+    {
+        $this->documents[] = $document;
+
+        return $this;
+    }
+
+    public function removeDocument(Document $document): void
+    {
+        $this->documents->removeElement($document);
+    }
+
+    public function getDocuments(): Collection
+    {
+        return $this->documents;
+    }
+
+    public function setDocuments(Collection $documents): self
+    {
+        $this->documents = $documents;
+
+        return $this;
+    }
+
+    public function addUser(?User $user): self
+    {
+        if (null !== $user) {
+            $this->users[] = $user;
+        }
+        return $this;
+    }
+
+    public function removeUser(User $user): void
+    {
+        $this->users->removeElement($user);
+    }
+
+    public function getUsers(): Collection
+    {
+        return $this->users;
+    }
+
+    public function setUsers(?Collection $users): self
+    {
+        $this->users = $users;
+
+        return $this;
+    }
+
+    public function isEmergency(): bool
+    {
+        return $this->getEmergency();
+    }
+
+    public function getEmergency(): bool
+    {
+        return $this->emergency;
+    }
+
+    public function setEmergency(bool $emergency): self
+    {
+        $this->emergency = $emergency;
+
+        return $this;
+    }
+
+    public function getSentReceived(): string
+    {
+        return $this->sentReceived;
+    }
+
+    public function setSentReceived(?string $sentReceived): self
+    {
+        $this->sentReceived = (string) $sentReceived;
+
+        return $this;
    }
 }
-
--- a/src/Bundle/ChillActivityBundle/Entity/ActivityPresence.php
+++ b/src/Bundle/ChillActivityBundle/Entity/ActivityPresence.php
@@ -0,0 +1,97 @@
+<?php
+
+/*
+ *
+ * Copyright (C) 2015, Champs Libres Cooperative SCRLFS, <http://www.champs-libres.coop>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ *  License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+namespace Chill\ActivityBundle\Entity;
+
+use Doctrine\ORM\Mapping as ORM;
+
+/**
+ * Class ActivityPresence
+ *
+ * @package Chill\ActivityBundle\Entity
+ * @ORM\Entity()
+ * @ORM\Table(name="activitytpresence")
+ * @ORM\HasLifecycleCallbacks()
+ */
+class ActivityPresence
+{
+    /**
+     * @ORM\Id
+     * @ORM\Column(name="id", type="integer")
+     * @ORM\GeneratedValue(strategy="AUTO")
+     */
+    private ?int $id;
+
+    /**
+     * @ORM\Column(type="json")
+     */
+    private array $name = [];
+
+    /**
+     * @ORM\Column(type="boolean")
+     */
+    private bool $active = true;
+
+    public function getId(): int
+    {
+        return $this->id;
+    }
+
+    public function setName(array $name): self
+    {
+        $this->name = $name;
+
+        return $this;
+    }
+
+    public function getName(): array
+    {
+        return $this->name;
+    }
+
+    /**
+     * Get active
+     * return true if the category type is active.
+     */
+    public function getActive(): bool
+    {
+        return $this->active;
+    }
+
+    /**
+     * Is active
+     * return true if the category type is active
+     */
+    public function isActive(): bool
+    {
+        return $this->getActive();
+    }
+
+    /**
+     * Set active
+     * set to true if the category type is active
+     */
+    public function setActive(bool $active): self
+    {
+        $this->active = $active;
+
+        return $this;
+    }
+}
--- a/src/Bundle/ChillActivityBundle/Entity/ActivityType.php
+++ b/src/Bundle/ChillActivityBundle/Entity/ActivityType.php
@@ -1,19 +1,19 @@
 <?php

 /*
- * 
+ *
 * Copyright (C) 2015, Champs Libres Cooperative SCRLFS, <http://www.champs-libres.coop>
- * 
+ *
 * This program is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 *  License, or (at your option) any later version.
- * 
+ *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
- * 
+ *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
@@ -32,45 +32,239 @@ use Doctrine\ORM\Mapping as ORM;
 */
 class ActivityType
 {
+    const FIELD_INVISIBLE = 0;
+    const FIELD_OPTIONAL = 1;
+    const FIELD_REQUIRED = 2;
+
    /**
-     * @var integer
-     *
     * @ORM\Id
     * @ORM\Column(name="id", type="integer")
     * @ORM\GeneratedValue(strategy="AUTO")
     */
-    private $id;
+    private ?int $id;

    /**
-     * @var array
     * @ORM\Column(type="json_array")
     */
-    private $name;
-    
+    private array $name = [];
+
    /**
-     * @var bool
     * @ORM\Column(type="boolean")
     */
-    private $active = true;
+    private bool $active = true;

+    /**
+     * @ORM\ManyToOne(targetEntity="Chill\ActivityBundle\Entity\ActivityTypeCategory")
+     */
+    private ?ActivityTypeCategory $category = null;
+
+    /**
+     * @ORM\Column(type="smallint", nullable=false, options={"default"=2})
+     */
+    private int $personVisible = self::FIELD_REQUIRED;
+
+    /**
+     * @ORM\Column(type="string", nullable=false, options={"default"=""})
+     */
+    private string $personLabel = '';
+
+    /**
+     * @ORM\Column(type="smallint", nullable=false, options={"default"=2})
+     */
+    private int $userVisible = self::FIELD_REQUIRED;
+
+    /**
+     * @ORM\Column(type="string", nullable=false, options={"default"=""})
+     */
+    private string $userLabel = '';
+
+    /**
+     * @ORM\Column(type="smallint", nullable=false, options={"default"=2})
+     */
+    private int $dateVisible = self::FIELD_REQUIRED;
+
+    /**
+     * @ORM\Column(type="string", nullable=false, options={"default"=""})
+     */
+    private string $dateLabel = '';
+
+    /**
+     * @ORM\Column(type="smallint", nullable=false, options={"default"=1})
+     */
+    private int $placeVisible = self::FIELD_OPTIONAL;
+
+    /**
+     * @ORM\Column(type="string", nullable=false, options={"default"=""})
+     */
+    private string $placeLabel = '';
+
+    /**
+     * @ORM\Column(type="smallint", nullable=false, options={"default"=1})
+     */
+    private int $personsVisible = self::FIELD_OPTIONAL;
+
+    /**
+     * @ORM\Column(type="string", nullable=false, options={"default"=""})
+     */
+    private string $personsLabel = '';
+
+    /**
+     * @ORM\Column(type="smallint", nullable=false, options={"default"=1})
+     */
+    private int $thirdPartiesVisible = self::FIELD_INVISIBLE;
+
+    /**
+     * @ORM\Column(type="string", nullable=false, options={"default"=""})
+     */
+    private string $thirdPartiesLabel = '';
+
+    /**
+     * @ORM\Column(type="smallint", nullable=false, options={"default"=1})
+     */
+    private int $durationTimeVisible = self::FIELD_OPTIONAL;
+
+    /**
+     * @ORM\Column(type="string", nullable=false, options={"default"=""})
+     */
+    private string $durationTimeLabel = '';
+
+    /**
+     * @ORM\Column(type="smallint", nullable=false, options={"default"=1})
+     */
+    private int $travelTimeVisible = self::FIELD_OPTIONAL;
+
+    /**
+     * @ORM\Column(type="string", nullable=false, options={"default"=""})
+     */
+    private string $travelTimeLabel = '';
+
+    /**
+     * @ORM\Column(type="smallint", nullable=false, options={"default"=1})
+     */
+    private int $attendeeVisible = self::FIELD_OPTIONAL;
+
+    /**
+     * @ORM\Column(type="string", nullable=false, options={"default"=""})
+     */
+    private string $attendeeLabel = '';
+
+    /**
+     * @ORM\Column(type="smallint", nullable=false, options={"default"=1})
+     */
+    private int $reasonsVisible = self::FIELD_OPTIONAL;
+
+    /**
+     * @ORM\Column(type="string", nullable=false, options={"default"=""})
+     */
+    private string $reasonsLabel = '';
+
+    /**
+     * @ORM\Column(type="smallint", nullable=false, options={"default"=1})
+     */
+    private int $commentVisible = self::FIELD_OPTIONAL;
+
+    /**
+     * @ORM\Column(type="string", nullable=false, options={"default"=""})
+     */
+    private string $commentLabel = '';
+
+    /**
+     * @ORM\Column(type="smallint", nullable=false, options={"default"=1})
+     */
+    private int $sentReceivedVisible = self::FIELD_OPTIONAL;
+
+    /**
+     * @ORM\Column(type="string", nullable=false, options={"default"=""})
+     */
+    private string $sentReceivedLabel = '';
+
+    /**
+     * @ORM\Column(type="smallint", nullable=false, options={"default"=1})
+     */
+    private int $documentsVisible = self::FIELD_OPTIONAL;
+
+    /**
+     * @ORM\Column(type="string", nullable=false, options={"default"=""})
+     */
+    private string $documentsLabel = '';
+
+    /**
+     * @ORM\Column(type="smallint", nullable=false, options={"default"=1})
+     */
+    private int $usersVisible = self::FIELD_OPTIONAL;
+
+    /**
+     * @ORM\Column(type="string", nullable=false, options={"default"=""})
+     */
+    private string $usersLabel = '';
+
+    /**
+     * @ORM\Column(type="smallint", nullable=false, options={"default"=1})
+     */
+    private int $emergencyVisible = self::FIELD_INVISIBLE;
+
+    /**
+     * @ORM\Column(type="string", nullable=false, options={"default"=""})
+     */
+    private string $emergencyLabel = '';
+
+    /**
+     * @ORM\Column(type="smallint", nullable=false, options={"default"=1})
+     */
+    private int $accompanyingPeriodVisible = self::FIELD_INVISIBLE;
+
+    /**
+     * @ORM\Column(type="string", nullable=false, options={"default"=""})
+     */
+    private string $accompanyingPeriodLabel = '';
+
+    /**
+     * @ORM\Column(type="smallint", nullable=false, options={"default"=1})
+     */
+    private int $socialDataVisible = self::FIELD_INVISIBLE;
+
+    /**
+     * @ORM\Column(type="string", nullable=false, options={"default"=""})
+     */
+    private string $socialDataLabel = '';
+
+    /**
+     * @ORM\Column(type="smallint", nullable=false, options={"default"=1})
+     */
+    private int $socialIssuesVisible = self::FIELD_INVISIBLE;
+
+    /**
+     * @ORM\Column(type="string", nullable=false, options={"default"=""})
+     */
+    private string $socialIssuesLabel = '';
+
+    /**
+     * @ORM\Column(type="smallint", nullable=false, options={"default"=1})
+     */
+    private int $socialActionsVisible = self::FIELD_INVISIBLE;
+
+    /**
+     * @ORM\Column(type="string", nullable=false, options={"default"=""})
+     */
+    private string $socialActionsLabel = '';
+
+    /**
+     * @ORM\Column(type="float", options={"default"="0.0"})
+     */
+    private float $ordering = 0.0;

    /**
     * Get id
-     *
-     * @return integer
     */
-    public function getId()
+    public function getId(): int
    {
        return $this->id;
    }

    /**
     * Set name
-     *
-     * @param array $name
-     * @return ActivityType
     */
-    public function setName($name)
+    public function setName(array $name): self
    {
        $this->name = $name;

@@ -79,58 +273,551 @@ class ActivityType

    /**
     * Get name
-     *
-     * @return array | string
     */
-    public function getName($locale = null)
+    public function getName(): array
    {
-        if ($locale) {
-            if (isset($this->name[$locale])) {
-                return $this->name[$locale];
-            } else {
-                foreach ($this->name as $name) {
-                    if (!empty($name)) {
-                        return $name;
-                    }
-                }
-            }
-            return '';
-        } else {
-            return $this->name;
-        }
+        return $this->name;
    }
-    
+
    /**
     * Get active
     * return true if the type is active.
-     * 
-     * @return boolean
     */
-    public function getActive() {
+    public function getActive(): bool
+    {
        return $this->active;
    }
-    
+
    /**
     * Is active
     * return true if the type is active
-     * 
-     * @return boolean
     */
-    public function isActive() {
+    public function isActive(): bool
+    {
        return $this->getActive();
    }

    /**
     * Set active
     * set to true if the type is active
-     * 
-     * @param boolean $active
-     * @return ActivityType
     */
-    public function setActive($active) {
+    public function setActive(bool $active): self
+    {
        $this->active = $active;
+
        return $this;
    }

-}
+    public function getCategory(): ?ActivityTypeCategory
+    {
+        return $this->category;
+    }

+    public function setCategory(?ActivityTypeCategory $category): self
+    {
+        $this->category = $category;
+
+        return $this;
+    }
+
+    public function getPersonVisible(): int
+    {
+        return $this->personVisible;
+    }
+
+    public function setPersonVisible(int $personVisible): self
+    {
+        $this->personVisible = $personVisible;
+
+        return $this;
+    }
+
+    public function getPersonLabel(): string
+    {
+        return $this->personLabel;
+    }
+
+    public function setPersonLabel(string $personLabel): self
+    {
+        $this->personLabel = $personLabel;
+
+        return $this;
+    }
+
+    public function getUserVisible(): int
+    {
+        return $this->userVisible;
+    }
+
+    public function setUserVisible(int $userVisible): self
+    {
+        $this->userVisible = $userVisible;
+
+        return $this;
+    }
+
+    public function getUserLabel(): string
+    {
+        return $this->userLabel;
+    }
+
+    public function setUserLabel(string $userLabel): self
+    {
+        $this->userLabel = $userLabel;
+
+        return $this;
+    }
+
+    public function getDateVisible(): int
+    {
+        return $this->dateVisible;
+    }
+
+    public function setDateVisible(int $dateVisible): self
+    {
+        $this->dateVisible = $dateVisible;
+
+        return $this;
+    }
+
+    public function getDateLabel(): string
+    {
+        return $this->dateLabel;
+    }
+
+    public function setDateLabel(string $dateLabel): self
+    {
+        $this->dateLabel = $dateLabel;
+
+        return $this;
+    }
+
+    public function getPlaceVisible(): int
+    {
+        return $this->placeVisible;
+    }
+
+    public function setPlaceVisible(int $placeVisible): self
+    {
+        $this->placeVisible = $placeVisible;
+
+        return $this;
+    }
+
+    public function getPlaceLabel(): string
+    {
+        return $this->placeLabel;
+    }
+
+    public function setPlaceLabel(string $placeLabel): self
+    {
+        $this->placeLabel = $placeLabel;
+
+        return $this;
+    }
+
+    public function getPersonsVisible(): int
+    {
+        return $this->personsVisible;
+    }
+
+    public function setPersonsVisible(int $personsVisible): self
+    {
+        $this->personsVisible = $personsVisible;
+
+        return $this;
+    }
+
+    public function getPersonsLabel(): string
+    {
+        return $this->personsLabel;
+    }
+
+    public function setPersonsLabel(string $personsLabel): self
+    {
+        $this->personsLabel = $personsLabel;
+
+        return $this;
+    }
+
+    public function getThirdPartiesVisible(): int
+    {
+        return $this->thirdPartiesVisible;
+    }
+
+    public function setThirdPartiesVisible(int $thirdPartiesVisible): self
+    {
+        $this->thirdPartiesVisible = $thirdPartiesVisible;
+
+        return $this;
+    }
+
+    public function getThirdPartiesLabel(): string
+    {
+        return $this->thirdPartiesLabel;
+    }
+
+    public function setThirdPartiesLabel(string $thirdPartiesLabel): self
+    {
+        $this->thirdPartiesLabel = $thirdPartiesLabel;
+
+        return $this;
+    }
+
+    public function getDurationTimeVisible(): int
+    {
+        return $this->durationTimeVisible;
+    }
+
+    public function setDurationTimeVisible(int $durationTimeVisible): self
+    {
+        $this->durationTimeVisible = $durationTimeVisible;
+
+        return $this;
+    }
+
+    public function getDurationTimeLabel(): string
+    {
+        return $this->durationTimeLabel;
+    }
+
+    public function setDurationTimeLabel(string $durationTimeLabel): self
+    {
+        $this->durationTimeLabel = $durationTimeLabel;
+
+        return $this;
+    }
+
+    public function getTravelTimeVisible(): int
+    {
+        return $this->travelTimeVisible;
+    }
+
+    public function setTravelTimeVisible(int $TravelTimeVisible): self
+    {
+        $this->travelTimeVisible = $TravelTimeVisible;
+
+        return $this;
+    }
+
+    public function getTravelTimeLabel(): string
+    {
+        return $this->travelTimeLabel;
+    }
+
+    public function setTravelTimeLabel(string $TravelTimeLabel): self
+    {
+        $this->travelTimeLabel = $TravelTimeLabel;
+
+        return $this;
+    }
+
+    public function getAttendeeVisible(): int
+    {
+        return $this->attendeeVisible;
+    }
+
+    public function setAttendeeVisible(int $attendeeVisible): self
+    {
+        $this->attendeeVisible = $attendeeVisible;
+
+        return $this;
+    }
+
+    public function getAttendeeLabel(): string
+    {
+        return $this->attendeeLabel;
+    }
+
+    public function setAttendeeLabel(string $attendeeLabel): self
+    {
+        $this->attendeeLabel = $attendeeLabel;
+
+        return $this;
+    }
+
+    public function getReasonsVisible(): int
+    {
+        return $this->reasonsVisible;
+    }
+
+    public function setReasonsVisible(int $reasonsVisible): self
+    {
+        $this->reasonsVisible = $reasonsVisible;
+
+        return $this;
+    }
+
+    public function getReasonsLabel(): string
+    {
+        return $this->reasonsLabel;
+    }
+
+    public function setReasonsLabel(string $reasonsLabel): self
+    {
+        $this->reasonsLabel = $reasonsLabel;
+
+        return $this;
+    }
+
+    public function getCommentVisible(): int
+    {
+        return $this->commentVisible;
+    }
+
+    public function setCommentVisible(int $commentVisible): self
+    {
+        $this->commentVisible = $commentVisible;
+
+        return $this;
+    }
+
+    public function getCommentLabel(): string
+    {
+        return $this->commentLabel;
+    }
+
+    public function setCommentLabel(string $commentLabel): self
+    {
+        $this->commentLabel = $commentLabel;
+
+        return $this;
+    }
+
+    public function getSentReceivedVisible(): int
+    {
+        return $this->sentReceivedVisible;
+    }
+
+    public function setSentReceivedVisible(int $sentReceivedVisible): self
+    {
+        $this->sentReceivedVisible = $sentReceivedVisible;
+
+        return $this;
+    }
+
+    public function getSentReceivedLabel(): string
+    {
+        return $this->sentReceivedLabel;
+    }
+
+    public function setSentReceivedLabel(string $sentReceivedLabel): self
+    {
+        $this->sentReceivedLabel = $sentReceivedLabel;
+
+        return $this;
+    }
+
+    public function getDocumentsVisible(): int
+    {
+        return $this->documentsVisible;
+    }
+
+    public function setDocumentsVisible(int $documentsVisible): self
+    {
+        $this->documentsVisible = $documentsVisible;
+
+        return $this;
+    }
+
+    public function getDocumentsLabel(): string
+    {
+        return $this->documentsLabel;
+    }
+
+    public function setDocumentsLabel(string $documentsLabel): self
+    {
+        $this->documentsLabel = $documentsLabel;
+
+        return $this;
+    }
+
+    public function getUsersVisible(): int
+    {
+        return $this->usersVisible;
+    }
+
+    public function setUsersVisible(int $usersVisible): self
+    {
+        $this->usersVisible = $usersVisible;
+
+        return $this;
+    }
+
+    public function getUsersLabel(): string
+    {
+        return $this->usersLabel;
+    }
+
+    public function setUsersLabel(string $usersLabel): self
+    {
+        $this->usersLabel = $usersLabel;
+
+        return $this;
+    }
+
+    public function getEmergencyVisible(): int
+    {
+        return $this->emergencyVisible;
+    }
+
+    public function setEmergencyVisible(int $emergencyVisible): self
+    {
+        $this->emergencyVisible = $emergencyVisible;
+
+        return $this;
+    }
+
+    public function getEmergencyLabel(): string
+    {
+        return $this->emergencyLabel;
+    }
+
+    public function setEmergencyLabel(string $emergencyLabel): self
+    {
+        $this->emergencyLabel = $emergencyLabel;
+
+        return $this;
+    }
+
+    public function getAccompanyingPeriodVisible(): int
+    {
+        return $this->accompanyingPeriodVisible;
+    }
+
+    public function setAccompanyingPeriodVisible(int $accompanyingPeriodVisible): self
+    {
+        $this->accompanyingPeriodVisible = $accompanyingPeriodVisible;
+
+        return $this;
+    }
+
+    public function getAccompanyingPeriodLabel(): string
+    {
+        return $this->accompanyingPeriodLabel;
+    }
+
+    public function setAccompanyingPeriodLabel(string $accompanyingPeriodLabel): self
+    {
+        $this->accompanyingPeriodLabel = $accompanyingPeriodLabel;
+
+        return $this;
+    }
+
+    public function getSocialDataVisible(): int
+    {
+        return $this->socialDataVisible;
+    }
+
+    public function setSocialDataVisible(int $socialDataVisible): self
+    {
+        $this->socialDataVisible = $socialDataVisible;
+
+        return $this;
+    }
+
+    public function getSocialDataLabel(): string
+    {
+        return $this->socialDataLabel;
+    }
+
+    public function setSocialDataLabel(string $socialDataLabel): self
+    {
+        $this->socialDataLabel = $socialDataLabel;
+
+        return $this;
+    }
+
+    public function isVisible(string $field): bool
+    {
+        $property = $field.'Visible';
+
+        if (!property_exists($this, $property)) {
+            throw new \InvalidArgumentException('Field "'.$field.'" not found');
+        }
+
+        return self::FIELD_INVISIBLE !== $this->$property;
+    }
+
+    public function isRequired(string $field): bool
+    {
+        $property = $field.'Visible';
+
+        if (!property_exists($this, $property)) {
+            throw new \InvalidArgumentException('Field "'.$field.'" not found');
+        }
+
+        return self::FIELD_REQUIRED === $this->$property;
+    }
+
+    public function getLabel(string $field): ?string
+    {
+        $property = $field.'Label';
+
+        if (!property_exists($this, $property)) {
+            throw new \InvalidArgumentException('Field "'.$field.'" not found');
+        }
+
+        return $this->$property;
+    }
+
+    public function getOrdering(): float
+    {
+        return $this->ordering;
+    }
+
+    public function setOrdering(float $ordering): self
+    {
+        $this->ordering = $ordering;
+
+        return $this;
+    }
+
+    public function getSocialIssuesVisible(): ?int
+    {
+        return $this->socialIssuesVisible;
+    }
+
+    public function setSocialIssuesVisible(int $socialIssuesVisible): self
+    {
+        $this->socialIssuesVisible = $socialIssuesVisible;
+
+        return $this;
+    }
+
+    public function getSocialIssuesLabel(): ?string
+    {
+        return $this->socialIssuesLabel;
+    }
+
+    public function setSocialIssuesLabel(string $socialIssuesLabel): self
+    {
+        $this->socialIssuesLabel = $socialIssuesLabel;
+
+        return $this;
+    }
+
+    public function getSocialActionsVisible(): ?int
+    {
+        return $this->socialActionsVisible;
+    }
+
+    public function setSocialActionsVisible(int $socialActionsVisible): self
+    {
+        $this->socialActionsVisible = $socialActionsVisible;
+
+        return $this;
+    }
+
+    public function getSocialActionsLabel(): ?string
+    {
+        return $this->socialActionsLabel;
+    }
+
+    public function setSocialActionsLabel(string $socialActionsLabel): self
+    {
+        $this->socialActionsLabel = $socialActionsLabel;
+
+        return $this;
+    }
+}
--- a/src/Bundle/ChillActivityBundle/Entity/ActivityTypeCategory.php
+++ b/src/Bundle/ChillActivityBundle/Entity/ActivityTypeCategory.php
@@ -0,0 +1,123 @@
+<?php
+
+/*
+ *
+ * Copyright (C) 2015, Champs Libres Cooperative SCRLFS, <http://www.champs-libres.coop>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ *  License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+namespace Chill\ActivityBundle\Entity;
+
+use Doctrine\ORM\Mapping as ORM;
+
+/**
+ * Class ActivityTypeCateogry
+ *
+ * @package Chill\ActivityBundle\Entity
+ * @ORM\Entity()
+ * @ORM\Table(name="activitytypecategory")
+ * @ORM\HasLifecycleCallbacks()
+ */
+class ActivityTypeCategory
+{
+    /**
+     * @ORM\Id
+     * @ORM\Column(name="id", type="integer")
+     * @ORM\GeneratedValue(strategy="AUTO")
+     */
+    private ?int $id;
+
+    /**
+     * @ORM\Column(type="json_array")
+     */
+    private array $name = [];
+
+    /**
+     * @ORM\Column(type="boolean")
+     */
+    private bool $active = true;
+
+    /**
+     * @ORM\Column(type="float", options={"default"="0.0"})
+     */
+    private float $ordering = 0.0;
+
+    /**
+     * Get id
+     */
+    public function getId(): int
+    {
+        return $this->id;
+    }
+
+    /**
+     * Set name
+     */
+    public function setName(array $name): self
+    {
+        $this->name = $name;
+
+        return $this;
+    }
+
+    /**
+     * Get name
+     */
+    public function getName(): array
+    {
+        return $this->name;
+    }
+
+    /**
+     * Get active
+     * return true if the category type is active.
+     */
+    public function getActive(): bool
+    {
+        return $this->active;
+    }
+
+    /**
+     * Is active
+     * return true if the category type is active
+     */
+    public function isActive(): bool
+    {
+        return $this->getActive();
+    }
+
+    /**
+     * Set active
+     * set to true if the category type is active
+     */
+    public function setActive(bool $active): self
+    {
+        $this->active = $active;
+
+        return $this;
+    }
+
+    public function getOrdering(): float
+    {
+        return $this->ordering;
+    }
+
+    public function setOrdering(float $ordering): self
+    {
+        $this->ordering = $ordering;
+
+        return $this;
+    }
+}
--- a/src/Bundle/ChillActivityBundle/Form/ActivityPresenceType.php
+++ b/src/Bundle/ChillActivityBundle/Form/ActivityPresenceType.php
@@ -0,0 +1,33 @@
+<?php
+
+namespace Chill\ActivityBundle\Form;
+
+use Chill\ActivityBundle\Entity\ActivityPresence;
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\FormBuilderInterface;
+use Symfony\Component\OptionsResolver\OptionsResolver;
+use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
+use Chill\MainBundle\Form\Type\TranslatableStringFormType;
+
+class ActivityPresenceType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('name', TranslatableStringFormType::class)
+            ->add('active', ChoiceType::class, array(
+                'choices' => array(
+                    'Yes' => true,
+                    'No'  => false
+                ),
+                'expanded' => true
+            ));
+    }
+
+    public function configureOptions(OptionsResolver $resolver): void
+    {
+        $resolver->setDefaults(array(
+            'data_class' => ActivityPresence::class
+        ));
+    }
+}
--- a/src/Bundle/ChillActivityBundle/Form/ActivityType.php
+++ b/src/Bundle/ChillActivityBundle/Form/ActivityType.php
@@ -2,8 +2,21 @@

 namespace Chill\ActivityBundle\Form;

+use Chill\ActivityBundle\Entity\Activity;
+use Chill\ActivityBundle\Entity\ActivityPresence;
+use Chill\ActivityBundle\Entity\ActivityReason;
+use Chill\DocStoreBundle\Form\StoredObjectType;
+use Chill\MainBundle\Form\Type\ChillCollectionType;
 use Chill\MainBundle\Form\Type\CommentType;
+use Chill\PersonBundle\Entity\Person;
+use Chill\PersonBundle\Entity\SocialWork\SocialIssue;
+use Chill\PersonBundle\Entity\SocialWork\SocialAction;
+use Chill\ThirdPartyBundle\Entity\ThirdParty;
+use Doctrine\ORM\EntityRepository;
+use Symfony\Bridge\Doctrine\Form\Type\EntityType;
 use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\CheckboxType;
+use Symfony\Component\Form\Extension\Core\Type\CollectionType;
 use Symfony\Component\Form\FormBuilderInterface;
 use Symfony\Component\OptionsResolver\OptionsResolver;
 use Chill\MainBundle\Security\Authorization\AuthorizationHelper;
@@ -15,178 +28,363 @@ use Symfony\Component\Form\Extension\Core\DataTransformer\DateTimeToTimestampTra
 use Symfony\Component\Form\FormEvent;
 use Symfony\Component\Form\FormEvents;
 use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
-use Chill\ActivityBundle\Form\Type\TranslatableActivityType;
-use Chill\ActivityBundle\Form\Type\TranslatableActivityReason;
 use Chill\MainBundle\Form\Type\UserPickerType;
 use Chill\MainBundle\Form\Type\ScopePickerType;
 use Chill\MainBundle\Form\Type\ChillDateType;
+use Symfony\Component\Form\Extension\Core\Type\HiddenType;
+use Symfony\Component\Form\CallbackTransformer;
+use Chill\PersonBundle\Form\DataTransformer\PersonToIdTransformer;
+use Chill\PersonBundle\Templating\Entity\SocialIssueRender;
+use Chill\PersonBundle\Templating\Entity\SocialActionRender;

 class ActivityType extends AbstractType
 {
+    protected User $user;

-    /**
-     * the user running this form
-     *
-     * @var User
-     */
-    protected $user;
+    protected AuthorizationHelper $authorizationHelper;

-    /**
-     *
-     * @var AuthorizationHelper
-     */
-    protected $authorizationHelper;
+    protected ObjectManager $om;

-    /**
-     *
-     * @var ObjectManager
-     */
-    protected $om;
+    protected TranslatableStringHelper $translatableStringHelper;

-    /**
-     *
-     * @var TranslatableStringHelper
-     */
-    protected $translatableStringHelper;
+    protected SocialIssueRender $socialIssueRender;

-    protected $timeChoices;
+    protected SocialActionRender $socialActionRender;

-    public function __construct(
-            TokenStorageInterface $tokenStorage,
-            AuthorizationHelper $authorizationHelper, ObjectManager $om,
-            TranslatableStringHelper $translatableStringHelper,
-            array $timeChoices
-            )
-    {
+    protected array $timeChoices;
+
+    public function __construct (
+        TokenStorageInterface $tokenStorage,
+        AuthorizationHelper $authorizationHelper,
+        ObjectManager $om,
+        TranslatableStringHelper $translatableStringHelper,
+        array $timeChoices,
+        SocialIssueRender $socialIssueRender,
+        SocialActionRender $socialActionRender
+    ) {
        if (!$tokenStorage->getToken()->getUser() instanceof User) {
            throw new \RuntimeException("you should have a valid user");
        }
+
        $this->user = $tokenStorage->getToken()->getUser();
        $this->authorizationHelper = $authorizationHelper;
        $this->om = $om;
        $this->translatableStringHelper = $translatableStringHelper;
        $this->timeChoices = $timeChoices;
+        $this->socialIssueRender = $socialIssueRender;
+        $this->socialActionRender = $socialActionRender;
    }

-    /**
-     * @param FormBuilderInterface $builder
-     * @param array $options
-     */
-    public function buildForm(FormBuilderInterface $builder, array $options)
+    public function buildForm(FormBuilderInterface $builder, array $options): void
    {
        // handle times choices
-        $timeChoices = array();
+        $timeChoices = [];

        foreach ($this->timeChoices as $e) {
            $timeChoices[$e['label']] = $e['seconds'];
-        };
+        }

        $durationTimeTransformer = new DateTimeToTimestampTransformer('GMT', 'GMT');
-        $durationTimeOptions = array(
-                'choices' => $timeChoices,
-                'placeholder' => 'Choose the duration',
-        );
+        $durationTimeOptions = [
+            'choices' => $timeChoices,
+            'placeholder' => 'Choose the duration',
+        ];

-        $builder
-            ->add('date', ChillDateType::class, array(
-               'required' => true
-            ))
-            ->add('durationTime', ChoiceType::class, $durationTimeOptions)
-            ->add('attendee', ChoiceType::class, array(
-               'expanded' => true,
-               'required' => false,
-               'choices' => array(
-                  'present' => true,
-                  'not present' => false
-               )
-            ))
-            ->add('user', UserPickerType::class, [
+        /** @var \Chill\ActivityBundle\Entity\ActivityType $activityType */
+        $activityType = $options['activityType'];
+
+        if (!$activityType->isActive()) {
+            throw new \InvalidArgumentException('Activity type must be active');
+        }
+
+        // TODO revoir la gestion des center au niveau du form des activité.
+        if ($options['center']) {
+            $builder->add('scope', ScopePickerType::class, [
+                'center' => $options['center'],
+                'role' => $options['role']
+            ]);
+        }
+
+        /** @var ? \Chill\PersonBundle\Entity\AccompanyingPeriod  $accompanyingPeriod */
+        $accompanyingPeriod = NULL;
+        if ($options['accompanyingPeriod']) {
+            $accompanyingPeriod = $options['accompanyingPeriod'];
+        }
+
+        if ($activityType->isVisible('socialIssues') && $accompanyingPeriod) {
+            $builder->add('socialIssues', HiddenType::class);
+            $builder->get('socialIssues')
+               ->addModelTransformer(new CallbackTransformer(
+                   function (iterable $socialIssuesAsIterable): string {
+                       $socialIssueIds = [];
+                       foreach ($socialIssuesAsIterable as $value) {
+                          $socialIssueIds[] = $value->getId();
+                       }
+                       return implode(',', $socialIssueIds);
+                   },
+                   function (?string $socialIssuesAsString): array {
+                       if (null === $socialIssuesAsString) {
+                          return [];
+                       }
+                       return array_map(
+                          fn(string $id): ?SocialIssue => $this->om->getRepository(SocialIssue::class)->findOneBy(['id' => (int) $id]),
+                          explode(',', $socialIssuesAsString)
+                       );
+                   }
+               ))
+            ;
+        }
+
+        if ($activityType->isVisible('socialActions') && $accompanyingPeriod) {
+            $builder->add('socialActions', HiddenType::class);
+            $builder->get('socialActions')
+               ->addModelTransformer(new CallbackTransformer(
+                   function (iterable $socialActionsAsIterable): string {
+                       $socialActionIds = [];
+                       foreach ($socialActionsAsIterable as $value) {
+                          $socialActionIds[] = $value->getId();
+                       }
+                       return implode(',', $socialActionIds);
+                   },
+                   function (?string $socialActionsAsString): array {
+                       if (null === $socialActionsAsString) {
+                          return [];
+                       }
+                       return array_map(
+                          fn(string $id): ?SocialAction => $this->om->getRepository(SocialAction::class)->findOneBy(['id' => (int) $id]),
+                          explode(',', $socialActionsAsString)
+                       );
+                   }
+               ))
+            ;
+        }
+
+        if ($activityType->isVisible('date')) {
+            $builder->add('date', ChillDateType::class, [
+                'label' => $activityType->getLabel('date'),
+                'required' => $activityType->isRequired('date'),
+            ]);
+        }
+
+        if ($activityType->isVisible('durationTime')) {
+            $durationTimeOptions['label'] = $activityType->getLabel('durationTime');
+            $durationTimeOptions['required'] = $activityType->isRequired('durationTime');
+
+            $builder->add('durationTime', ChoiceType::class, $durationTimeOptions);
+        }
+
+        if ($activityType->isVisible('travelTime')) {
+            $durationTimeOptions['label'] = $activityType->getLabel('travelTime');
+            $durationTimeOptions['required'] = $activityType->isRequired('travelTime');
+
+            $builder->add('travelTime', ChoiceType::class, $durationTimeOptions);
+        }
+
+        if ($activityType->isVisible('attendee')) {
+            $builder->add('attendee', EntityType::class, [
+                'label' => $activityType->getLabel('attendee'),
+                'required' => $activityType->isRequired('attendee'),
+                'expanded' => true,
+                'class' => ActivityPresence::class,
+                'choice_label' => function (ActivityPresence $activityPresence) {
+                    return $this->translatableStringHelper->localize($activityPresence->getName());
+                },
+                'query_builder' => function (EntityRepository $er) {
+                    return $er->createQueryBuilder('a')
+                        ->where('a.active = true');
+                },
+            ]);
+        }
+
+        if ($activityType->isVisible('user') && $options['center']) {
+            $builder->add('user', UserPickerType::class, [
+                'label' => $activityType->getLabel('user'),
+                'required' => $activityType->isRequired('user'),
                'center' => $options['center'],
                'role'   => $options['role']
-            ])
-            ->add('scope', ScopePickerType::class, [
-                'center' => $options['center'],
-                'role'   => $options['role']
-            ])
-            ->add('reasons', TranslatableActivityReason::class, array(
+            ]);
+        }
+
+        if ($activityType->isVisible('reasons')) {
+            $builder->add('reasons', EntityType::class, [
+                'label' => $activityType->getLabel('reasons'),
+                'required' => $activityType->isRequired('reasons'),
+                'class' => ActivityReason::class,
                'multiple' => true,
-                'required' => false,
-            ))
-            ->add('type', TranslatableActivityType::class, array(
-                'placeholder' => 'Choose a type',
-                'active_only' => true
-            ))
-            ->add('comment', CommentType::class, [
-                'required' => false,
-            ])
-        ;
+                'choice_label' => function (ActivityReason $activityReason) {
+                    return $this->translatableStringHelper->localize($activityReason->getName());
+                },
+                'attr' => array('class' => 'select2 '),
+                'query_builder' => function (EntityRepository $er) {
+                    return $er->createQueryBuilder('a')
+                        ->where('a.active = true');
+                },
+            ]);
+        }

-        $builder->get('durationTime')
+        if ($activityType->isVisible('comment')) {
+            $builder->add('comment', CommentType::class, [
+                'label' => empty($activityType->getLabel('comment')) 
+                    ? 'activity.comment' : $activityType->getLabel('comment'),
+                'required' => $activityType->isRequired('comment'),
+            ]);
+        }
+
+        if ($activityType->isVisible('persons')) {
+            $builder->add('persons', HiddenType::class);
+            $builder->get('persons')
+               ->addModelTransformer(new CallbackTransformer(
+                   function (iterable $personsAsIterable): string {
+                       $personIds = [];
+                       foreach ($personsAsIterable as $value) {
+                          $personIds[] = $value->getId();
+                       }
+                       return implode(',', $personIds);
+                   },
+                   function (?string $personsAsString): array {
+                       return array_map(
+                          fn(string $id): ?Person => $this->om->getRepository(Person::class)->findOneBy(['id' => (int) $id]),
+                          explode(',', $personsAsString)
+                       );
+                   }
+               ))
+           ;
+        }
+
+        if ($activityType->isVisible('thirdParties')) {
+            $builder->add('thirdParties', HiddenType::class);
+            $builder->get('thirdParties')
+               ->addModelTransformer(new CallbackTransformer(
+                   function (iterable $thirdpartyAsIterable): string {
+                       $thirdpartyIds = [];
+                       foreach ($thirdpartyAsIterable as $value) {
+                          $thirdpartyIds[] = $value->getId();
+                       }
+                       return implode(',', $thirdpartyIds);
+                   },
+                   function (?string $thirdpartyAsString): array {
+                       return array_map(
+                           fn(string $id): ?ThirdParty => $this->om->getRepository(ThirdParty::class)->findOneBy(['id' => (int) $id]),
+                           explode(',', $thirdpartyAsString)
+                       );
+                   }
+               ))
+           ;
+        }
+
+        if ($activityType->isVisible('documents')) {
+            $builder->add('documents', ChillCollectionType::class, [
+                'entry_type' => StoredObjectType::class,
+                'label' => $activityType->getLabel('documents'),
+                'required' => $activityType->isRequired('documents'),
+                'allow_add' => true,
+                'button_add_label' => 'activity.Insert a document',
+                'button_remove_label' => 'activity.Remove a document'
+            ]);
+        }
+
+        if ($activityType->isVisible('users')) {
+            $builder->add('users', HiddenType::class);
+            $builder->get('users')
+               ->addModelTransformer(new CallbackTransformer(
+                   function (iterable $usersAsIterable): string {
+                       $userIds = [];
+                       foreach ($usersAsIterable as $value) {
+                           $userIds[] = $value->getId();
+                       }
+                       return implode(',', $userIds);
+                   },
+                   function (?string $usersAsString): array {
+                       return array_map(
+                           fn(string $id): ?User => $this->om->getRepository(User::class)->findOneBy(['id' => (int) $id]),
+                           explode(',', $usersAsString)
+                       );
+                   }
+               ))
+           ;
+        }
+
+        if ($activityType->isVisible('emergency')) {
+            $builder->add('emergency', CheckboxType::class, [
+                'label' => $activityType->getLabel('emergency'),
+                'required' => $activityType->isRequired('emergency'),
+            ]);
+        }
+
+        if ($activityType->isVisible('sentReceived')) {
+            $builder->add('sentReceived', ChoiceType::class, [
+                'label' => $activityType->getLabel('sentReceived'),
+                'required' => $activityType->isRequired('sentReceived'),
+                'choices' => [
+                    'Sent' => Activity::SENTRECEIVED_SENT,
+                    'Received' => Activity::SENTRECEIVED_RECEIVED,
+                ],
+            ]);
+        }
+
+        foreach (['durationTime', 'travelTime'] as $fieldName) {
+            if (!$activityType->isVisible($fieldName)) {
+                continue;
+            }
+
+            $builder->get($fieldName)
                ->addModelTransformer($durationTimeTransformer);

+            $builder->get($fieldName)
+                ->addEventListener(FormEvents::PRE_SET_DATA, function(FormEvent $formEvent) use (
+                    $timeChoices,
+                    $builder,
+                    $durationTimeTransformer,
+                    $durationTimeOptions,
+                    $fieldName
+                ) {
+                    // set the timezone to GMT, and fix the difference between current and GMT
+                    // the datetimetransformer will then handle timezone as GMT
+                    $timezoneUTC = new \DateTimeZone('GMT');
+                    /* @var $data \DateTime */
+                    $data = $formEvent->getData() === NULL ?
+                        \DateTime::createFromFormat('U', 300) :
+                        $formEvent->getData();
+                    $seconds = $data->getTimezone()->getOffset($data);
+                    $data->setTimeZone($timezoneUTC);
+                    $data->add(new \DateInterval('PT'.$seconds.'S'));

-        $builder->get('durationTime')
-                ->addEventListener(
-                        FormEvents::PRE_SET_DATA,
-                        function(FormEvent $formEvent) use (
-                                $timeChoices,
-                                $builder,
-                                $durationTimeTransformer,
-                                $durationTimeOptions
-                                )
-                        {
-                            // set the timezone to GMT, and fix the difference between current and GMT
-                            // the datetimetransformer will then handle timezone as GMT
-                            $timezoneUTC = new \DateTimeZone('GMT');
-                            /* @var $data \DateTime */
-                            $data = $formEvent->getData() === NULL ?
-                                    \DateTime::createFromFormat('U', 300) :
-                                    $formEvent->getData();
-                            $seconds = $data->getTimezone()->getOffset($data);
-                            $data->setTimeZone($timezoneUTC);
-                            $data->add(new \DateInterval('PT'.$seconds.'S'));
-
-                            // test if the timestamp is in the choices.
-                            // If not, recreate the field with the new timestamp
-                            if (!in_array($data->getTimestamp(), $timeChoices)) {
-                                // the data are not in the possible values. add them
-                                $timeChoices[$data->format('H:i')] = $data->getTimestamp();
-                                $form = $builder->create(
-                                        'durationTime',
-                                        ChoiceType::class,
-                                        array_merge(
-                                                $durationTimeOptions,
-                                                array(
-                                                    'choices' => $timeChoices,
-                                                    'auto_initialize' => false
-                                                )
-                                                ));
-                                $form->addModelTransformer($durationTimeTransformer);
-                                $formEvent->getForm()->getParent()->add($form->getForm());
-                            }
-                        });
+                    // test if the timestamp is in the choices.
+                    // If not, recreate the field with the new timestamp
+                    if (!in_array($data->getTimestamp(), $timeChoices)) {
+                        // the data are not in the possible values. add them
+                        $timeChoices[$data->format('H:i')] = $data->getTimestamp();
+                        $form = $builder->create($fieldName, ChoiceType::class, array_merge(
+                            $durationTimeOptions, [
+                                'choices' => $timeChoices,
+                                'auto_initialize' => false
+                            ]
+                        ));
+                        $form->addModelTransformer($durationTimeTransformer);
+                        $formEvent->getForm()->getParent()->add($form->getForm());
+                    }
+                });
+        }
    }

-    /**
-     * @param OptionsResolverInterface $resolver
-     */
-    public function configureOptions(OptionsResolver $resolver)
+
+
+    public function configureOptions(OptionsResolver $resolver): void
    {
-        $resolver->setDefaults(array(
-            'data_class' => 'Chill\ActivityBundle\Entity\Activity'
-        ));
+        $resolver->setDefaults([
+            'data_class' => Activity::class
+        ]);

        $resolver
-              ->setRequired(array('center', 'role'))
-              ->setAllowedTypes('center', 'Chill\MainBundle\Entity\Center')
-              ->setAllowedTypes('role', 'Symfony\Component\Security\Core\Role\Role')
-              ;
+            ->setRequired(['center', 'role', 'activityType', 'accompanyingPeriod'])
+            ->setAllowedTypes('center', ['null', 'Chill\MainBundle\Entity\Center'])
+            ->setAllowedTypes('role', 'Symfony\Component\Security\Core\Role\Role')
+            ->setAllowedTypes('activityType', \Chill\ActivityBundle\Entity\ActivityType::class)
+            ->setAllowedTypes('accompanyingPeriod', [\Chill\PersonBundle\Entity\AccompanyingPeriod::class, 'null'])
+        ;
    }

-    /**
-     * @return string
-     */
-    public function getBlockPrefix()
+    public function getBlockPrefix(): string
    {
        return 'chill_activitybundle_activity';
    }
--- a/src/Bundle/ChillActivityBundle/Form/ActivityTypeCategoryType.php
+++ b/src/Bundle/ChillActivityBundle/Form/ActivityTypeCategoryType.php
@@ -0,0 +1,39 @@
+<?php
+
+namespace Chill\ActivityBundle\Form;
+
+use Chill\ActivityBundle\Entity\ActivityTypeCategory;
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\NumberType;
+use Symfony\Component\Form\FormBuilderInterface;
+use Symfony\Component\OptionsResolver\OptionsResolver;
+use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
+use Chill\MainBundle\Form\Type\TranslatableStringFormType;
+
+class ActivityTypeCategoryType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('name', TranslatableStringFormType::class)
+            ->add('active', ChoiceType::class, array(
+                'choices' => array(
+                    'Yes' => true,
+                    'No'  => false
+                ),
+                'expanded' => true
+            ))
+            ->add('ordering', NumberType::class, [
+                'required' => true,
+                'scale' => 5
+            ])
+        ;
+    }
+
+    public function configureOptions(OptionsResolver $resolver): void
+    {
+        $resolver->setDefaults(array(
+            'data_class' => ActivityTypeCategory::class
+        ));
+    }
+}
--- a/src/Bundle/ChillActivityBundle/Form/ActivityTypeType.php
+++ b/src/Bundle/ChillActivityBundle/Form/ActivityTypeType.php
@@ -2,7 +2,13 @@

 namespace Chill\ActivityBundle\Form;

+use Chill\ActivityBundle\Entity\ActivityTypeCategory;
+use Chill\ActivityBundle\Form\Type\ActivityFieldPresence;
+use Chill\MainBundle\Templating\TranslatableStringHelper;
+use Symfony\Bridge\Doctrine\Form\Type\EntityType;
 use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\NumberType;
+use Symfony\Component\Form\Extension\Core\Type\TextType;
 use Symfony\Component\Form\FormBuilderInterface;
 use Symfony\Component\OptionsResolver\OptionsResolver;
 use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
@@ -10,38 +16,56 @@ use Chill\MainBundle\Form\Type\TranslatableStringFormType;

 class ActivityTypeType extends AbstractType
 {
-    /**
-     * @param FormBuilderInterface $builder
-     * @param array $options
-     */
+    private TranslatableStringHelper $translatableStringHelper;
+
+    public function __construct(TranslatableStringHelper $translatableStringHelper)
+    {
+        $this->translatableStringHelper = $translatableStringHelper;
+    }
+
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder
            ->add('name', TranslatableStringFormType::class)
-            ->add('active', ChoiceType::class, array(
-                'choices' => array(
+            ->add('active', ChoiceType::class, [
+                'choices' => [
                    'Yes' => true,
                    'No'  => false
-                ),
+                ],
                'expanded' => true
-            ));
+            ])
+            ->add('category', EntityType::class, [
+                'class' => ActivityTypeCategory::class,
+                'choice_label' => function (ActivityTypeCategory $activityTypeCategory) {
+                    return $this->translatableStringHelper->localize($activityTypeCategory->getName());
+                },
+            ])
+            ->add('ordering', NumberType::class, [
+                'required' => true,
+                'scale' => 5
+            ])
+        ;
+
+        $fields = [
+            'persons', 'user', 'date', 'place', 'persons',
+            'thirdParties', 'durationTime', 'travelTime', 'attendee',
+            'reasons', 'comment', 'sentReceived', 'documents',
+            'emergency', 'accompanyingPeriod', 'socialData', 'users'
+        ];
+        foreach ($fields as $field) {
+            $builder
+                ->add($field.'Visible', ActivityFieldPresence::class)
+                ->add($field.'Label', TextType::class, [
+                    'required' => false,
+                    'empty_data' => '',
+                ]);
+        }
    }

-    /**
-     * @param OptionsResolverInterface $resolver
-     */
    public function configureOptions(OptionsResolver $resolver)
    {
        $resolver->setDefaults(array(
-            'data_class' => 'Chill\ActivityBundle\Entity\ActivityType'
+            'data_class' => \Chill\ActivityBundle\Entity\ActivityType::class
        ));
    }
-
-    /**
-     * @return string
-     */
-    public function getBlockPrefix()
-    {
-        return 'chill_activitybundle_activitytype';
-    }
 }
--- a/src/Bundle/ChillActivityBundle/Form/Type/ActivityFieldPresence.php
+++ b/src/Bundle/ChillActivityBundle/Form/Type/ActivityFieldPresence.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace Chill\ActivityBundle\Form\Type;
+
+use Chill\ActivityBundle\Entity\ActivityType;
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
+use Symfony\Component\OptionsResolver\OptionsResolver;
+
+class ActivityFieldPresence extends AbstractType
+{
+    public function getParent()
+    {
+        return ChoiceType::class;
+    }
+
+    public function configureOptions(OptionsResolver $resolver)
+    {
+        $resolver->setDefaults(
+            array(
+                'choices' => [
+                    'Invisible' => ActivityType::FIELD_INVISIBLE,
+                    'Optional' => ActivityType::FIELD_OPTIONAL,
+                    'Required' => ActivityType::FIELD_REQUIRED,
+                ],
+            )
+        );
+    }
+}
--- a/src/Bundle/ChillActivityBundle/Menu/AccompanyingCourseMenuBuilder.php
+++ b/src/Bundle/ChillActivityBundle/Menu/AccompanyingCourseMenuBuilder.php
@@ -0,0 +1,47 @@
+<?php
+
+namespace Chill\ActivityBundle\Menu;
+
+use Chill\MainBundle\Routing\LocalMenuBuilderInterface;
+use Chill\MainBundle\Security\Authorization\AuthorizationHelper;
+use Chill\PersonBundle\Entity\AccompanyingPeriod;
+use Knp\Menu\MenuItem;
+use Symfony\Component\Security\Core\Authentication\Token\Storage\TokenStorageInterface;
+use Symfony\Contracts\Translation\TranslatorInterface;
+
+class AccompanyingCourseMenuBuilder implements LocalMenuBuilderInterface
+{
+    protected TokenStorageInterface $tokenStorage;
+
+    protected AuthorizationHelper $authorizationHelper;
+
+    protected TranslatorInterface $translator;
+
+    public function __construct(
+        TokenStorageInterface $tokenStorage,
+        AuthorizationHelper $authorizationHelper,
+        TranslatorInterface $translator
+    ) {
+        $this->translator = $translator;
+        $this->authorizationHelper = $authorizationHelper;
+        $this->tokenStorage = $tokenStorage;
+    }
+    public static function getMenuIds(): array
+    {
+        return ['accompanyingCourse'];
+    }
+
+    public function buildMenu($menuId, MenuItem $menu, array $parameters)
+    {
+        $period = $parameters['accompanyingCourse'];
+
+        if (AccompanyingPeriod::STEP_DRAFT !== $period->getStep()) {
+            $menu->addChild($this->translator->trans('Activity list'), [
+                'route' => 'chill_activity_activity_list',
+                'routeParameters' => [
+                    'accompanying_period_id' => $period->getId(),
+                ]])
+                ->setExtras(['order' => 40]);
+        }
+    }
+}
--- a/src/Bundle/ChillActivityBundle/Menu/MenuBuilder.php
+++ b/src/Bundle/ChillActivityBundle/Menu/MenuBuilder.php
@@ -1,88 +0,0 @@
-<?php
-/*
- * 
- */
-namespace Chill\ActivityBundle\Menu;
-
-use Chill\MainBundle\Routing\LocalMenuBuilderInterface;
-use Chill\MainBundle\Security\Authorization\AuthorizationHelper;
-use Symfony\Component\Security\Core\Authentication\Token\Storage\TokenStorageInterface;
-use Symfony\Component\Translation\TranslatorInterface;
-use Knp\Menu\MenuItem;
-use Symfony\Component\Security\Core\Role\Role;
-use Chill\ActivityBundle\Security\Authorization\ActivityVoter;
-
-/**
- * 
- *
- * @author Julien Fastré <julien.fastre@champs-libres.coop>
- */
-class MenuBuilder implements LocalMenuBuilderInterface
-{
-    /**
-     *
-     * @var TokenStorageInterface
-     */
-    protected $tokenStorage;
-    
-    /**
-     *
-     * @var TranslatorInterface
-     */
-    protected $translator;
-    
-    /**
-     *
-     * @var AuthorizationHelper
-     */
-    protected $authorizationHelper;
-    
-    public function __construct(
-        TokenStorageInterface $tokenStorage, 
-        TranslatorInterface $translator, 
-        AuthorizationHelper $authorizationHelper
-    ) {
-        $this->tokenStorage = $tokenStorage;
-        $this->translator = $translator;
-        $this->authorizationHelper = $authorizationHelper;
-    }
-
-    
-    public function buildMenu($menuId, MenuItem $menu, array $parameters)
-    {
-        /* @var $person \Chill\PersonBundle\Entity\Person */
-        $person  = $parameters['person'];
-        $user    = $this->tokenStorage->getToken()->getUser();
-        $roleSee = new Role(ActivityVoter::SEE);
-        $roleAdd = new Role(ActivityVoter::CREATE);
-        
-        if ($this->authorizationHelper->userHasAccess($user, $person, $roleSee)) {
-            $menu->addChild($this->translator->trans('Activity list'), [
-                    'route' => 'chill_activity_activity_list',
-                    'routeParameters' => [
-                        'person_id' => $person->getId()
-                    ]
-                ])
-                ->setExtras([
-                    'order' => 201
-                ]);
-        }
-        
-        if ($this->authorizationHelper->userHasAccess($user, $person, $roleAdd)) {
-            $menu->addChild($this->translator->trans('Add a new activity'), [
-                    'route' => 'chill_activity_activity_new',
-                    'routeParameters' => [
-                        'person_id' => $person->getId()
-                    ]
-                ])
-                ->setExtras([
-                    'order' => 200
-                ]);
-        }
-    }
-
-    public static function getMenuIds(): array
-    {
-        return [ 'person' ];
-    }
-}
--- a/src/Bundle/ChillActivityBundle/Menu/PersonMenuBuilder.php
+++ b/src/Bundle/ChillActivityBundle/Menu/PersonMenuBuilder.php
@@ -15,8 +15,7 @@
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
-namespace Chill\ActivityBundle\Menu;
-
+namespace Chill\ActivityBundle\Menu; 
 use Chill\MainBundle\Routing\LocalMenuBuilderInterface;
 use Knp\Menu\MenuItem;
 use Symfony\Component\Security\Core\Authorization\AuthorizationCheckerInterface;
@@ -65,15 +64,6 @@ class PersonMenuBuilder implements LocalMenuBuilderInterface
                ->setExtra('order', 201)
                ;
        }
-        if ($this->authorizationChecker->isGranted(ActivityVoter::CREATE, $person)) {
-            $menu->addChild(
-                $this->translator->trans('Add a new activity'), [
-                    'route' => 'chill_activity_activity_new',
-                    'routeParameters' => [ 'person_id' => $person->getId() ],
-                ])
-                ->setExtra('order', 200)
-                ;
-        }
    }

    public static function getMenuIds(): array
--- a/src/Bundle/ChillActivityBundle/Notification/ActivityNotificationRenderer.php
+++ b/src/Bundle/ChillActivityBundle/Notification/ActivityNotificationRenderer.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace Chill\ActivityBundle\Notification;
+
+use Chill\MainBundle\Entity\Notification;
+use Chill\ActivityBundle\Entity\Activity;
+
+final class ActivityNotificationRenderer
+{
+    public function supports(Notification $notification, array $options = []): bool
+    {
+        return $notification->getRelatedEntityClass() == Activity::class;
+    }
+
+    public function getTemplate()
+    {
+        return '@ChillActivity/Activity/showInNotification.html.twig';
+    }
+
+    public function getTemplateData(Notification $notification)
+    {
+        return ['notification' => $notification];
+    }
+}
--- a/src/Bundle/ChillActivityBundle/Repository/ActivityRepository.php
+++ b/src/Bundle/ChillActivityBundle/Repository/ActivityRepository.php
@@ -38,5 +38,30 @@ class ActivityRepository extends ServiceEntityRepository
    {
        parent::__construct($registry, Activity::class);
    }
-    
+
+    public function findByPersonImplied($person, array $scopes, $orderBy = [ 'date' => 'DESC'], $limit = 100, $offset = 0)
+    {
+        $qb = $this->createQueryBuilder('a');
+        $qb->select('a');
+
+        $qb
+            // TODO add acl
+            //->where($qb->expr()->in('a.scope', ':scopes'))
+            //->setParameter('scopes', $scopes)
+            ->andWhere(
+                $qb->expr()->orX(
+                    $qb->expr()->eq('a.person', ':person'),
+                    ':person MEMBER OF a.persons'
+                )
+            )
+            ->setParameter('person', $person)
+            ;
+
+        foreach ($orderBy as $k => $dir) {
+            $qb->addOrderBy('a.'.$k, $dir);
+        }
+
+        return $qb->getQuery()
+            ->getResult();
+    }    
 }
--- a/src/Bundle/ChillActivityBundle/Resources/public/activity/activity.scss
+++ b/src/Bundle/ChillActivityBundle/Resources/public/activity/activity.scss
@@ -1,10 +0,0 @@
-@import '~ChillMainSass/custom/config/colors';
-@import '~ChillMainSass/custom/mixins/entity';
-
-.chill-entity.chill-entity__activity-reason {
-    @include entity($chill-pink, white);
-}
-
-.activity {
-    color: $chill-green;
-}
--- a/src/Bundle/ChillActivityBundle/Resources/public/chill/chillactivity.scss
+++ b/src/Bundle/ChillActivityBundle/Resources/public/chill/chillactivity.scss
@@ -0,0 +1,129 @@
+// Access to Bootstrap variables and mixins
+@import '~ChillMainAssets/module/bootstrap/shared';
+
+// activity creation first step: select type page
+div.new-activity-select-type {
+   div.activity-row {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      justify-content: center;
+      gap: 12px;
+
+      div.bloc {
+         width: 200px;
+         align-self: flex-end;
+         height: 140px;
+         display: flex;
+         justify-content: center;
+         align-items: center;
+      }
+   }
+}
+
+// exceptions for flex-table in list-records
+div.activity-list {
+   div.flex-table {
+      div.item-bloc {
+         div.item-row.main {
+            div.item-col {
+               &:first-child {
+                  flex-basis: 27%;
+               }
+               ul.list-content {
+                  li.social-issues, li.social-actions {
+                     .badge-primary {
+                        font-variant: small-caps;
+                        font-weight: bold;
+                        font-size: 88%;
+                        margin-bottom: 0.2em;
+                     }
+                  }
+                  li.social-issues .badge-primary {
+                     background-color: $orange;
+                  }
+                  li.social-actions .badge-primary {
+                     background-color: $green;
+                  }
+               }
+            }
+         }
+         div.item-row.details {
+            flex-direction: row;
+            & > div.item-col {
+               justify-content: flex-start;
+               align-self: center;
+               &:nth-child(1) {
+                  flex-grow: 1; flex-shrink: 0; flex-basis: 30%;
+               }
+               &:nth-child(2) {
+                  flex-grow: 0; flex-shrink: 1; flex-basis: 70%;
+               }
+
+               &:only-child {
+                  flex-grow: 0; flex-shrink: 0; flex-basis: 100%;
+                  & > div.concerned-groups {
+                     flex-grow: 0; flex-shrink: 0; flex-basis: 100%;
+                     display: flex;
+                     flex-direction: column; // TODO pas fini
+                     div.group {
+                        flex-grow: 1; flex-shrink: 0; flex-basis: 30%;
+                        h4 {}
+                        ul.list-content {
+                           li {
+                              display: inline;
+                           }
+                        }
+                     }
+                  }
+               }
+            }
+            div.concerned-groups {
+               font-size: 85%;
+               h4 {
+                  text-transform: uppercase;
+               }
+            }
+         }
+         ul.list-content {
+            list-style-type: none;
+            padding-left: 1em;
+            margin: 0 0;
+            li {
+               margin-bottom: 0.2em;
+            }
+         }
+      }
+      div.duration {
+         font-size: smaller;
+         padding-left: 1em;
+         margin-top: 1em;
+      }
+   }
+}
+
+// exceptions for flex-bloc in concerned-groups
+div.flex-bloc.concerned-groups {
+   margin-top: 1em;
+   div.item-bloc {
+      flex-grow: 0; flex-shrink: 0; flex-basis: 25%; //4 blocs
+      ul.list-content {
+         list-style-type: none;
+         padding-left: 0;
+         li {
+            margin-bottom: 0.2em;
+            a {
+               color: $white;
+               cursor: pointer;
+               &:hover {
+                  color: #ffffffab;
+               }
+            }
+         }
+      }
+   }
+   &.person div.item-bloc {
+      flex-basis: 33%; //3 blocs
+   }
+}
+
--- a/src/Bundle/ChillActivityBundle/Resources/public/chill/index.js
+++ b/src/Bundle/ChillActivityBundle/Resources/public/chill/index.js
@@ -0,0 +1 @@
+require('./chillactivity.scss');
--- a/src/Bundle/ChillActivityBundle/Resources/public/index.js
+++ b/src/Bundle/ChillActivityBundle/Resources/public/index.js
@@ -1 +0,0 @@
-require('./activity/activity.scss');
--- a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/App.vue
+++ b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/App.vue
@@ -0,0 +1,17 @@
+<template>
+   <concerned-groups></concerned-groups>
+   <social-issues-acc></social-issues-acc>
+</template>
+
+<script>
+import ConcernedGroups from './components/ConcernedGroups.vue';
+import SocialIssuesAcc from './components/SocialIssuesAcc.vue';
+
+export default {
+   name: "App",
+   components: {
+      ConcernedGroups,
+      SocialIssuesAcc
+   }
+}
+</script>
--- a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/api.js
+++ b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/api.js
@@ -0,0 +1,18 @@
+import { getSocialIssues } from 'ChillPersonAssets/vuejs/AccompanyingCourse/api.js';
+
+/*
+*  Load socialActions by socialIssue (id)
+*/
+const getSocialActionByIssue = (id) => { 
+   const url = `/api/1.0/person/social/social-action/by-social-issue/${id}.json`;
+   return fetch(url)
+      .then(response => {
+         if (response.ok) { return response.json(); }
+         throw Error('Error with request resource response'); 
+      });
+};
+
+export {
+   getSocialIssues,
+   getSocialActionByIssue
+};
--- a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/ConcernedGroups.vue
+++ b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/ConcernedGroups.vue
@@ -0,0 +1,170 @@
+<template>
+   <teleport to="#add-persons">
+
+      <div class="flex-bloc concerned-groups" :class="getContext">
+         <persons-bloc 
+            v-for="bloc in contextPersonsBlocs"
+            v-bind:key="bloc.key"
+            v-bind:bloc="bloc"
+            v-bind:setPersonsInBloc="setPersonsInBloc">
+         </persons-bloc>
+      </div>
+
+      <add-persons 
+         buttonTitle="activity.add_persons"
+         modalTitle="activity.add_persons"
+         v-bind:key="addPersons.key"
+         v-bind:options="addPersons.options"
+         @addNewPersons="addNewPersons"
+         ref="addPersons">
+      </add-persons>
+ 
+  </teleport>  
+</template>
+
+<script>
+import { mapState } from 'vuex';
+import AddPersons from 'ChillPersonAssets/vuejs/_components/AddPersons.vue';
+import PersonsBloc from './ConcernedGroups/PersonsBloc.vue';
+
+export default {
+   name: "ConcernedGroups",
+   components: {
+      AddPersons,
+      PersonsBloc
+   },
+   data() {
+      return {
+         personsBlocs: [
+            {  key: 'persons', 
+               title: 'activity.bloc_persons', 
+               persons: [], 
+               included: false 
+            },
+            {  key: 'personsAssociated', 
+               title: 'activity.bloc_persons_associated', 
+               persons: [], 
+               included: false 
+            },
+            {  key: 'personsNotAssociated', 
+               title: 'activity.bloc_persons_not_associated', 
+               persons: [], 
+               included: false 
+            },
+            {  key: 'thirdparty', 
+               title: 'activity.bloc_thirdparty', 
+               persons: [], 
+               included: true
+            },
+            {  key: 'users', 
+               title: 'activity.bloc_users', 
+               persons: [], 
+               included: true
+            },
+         ],
+         addPersons: {
+            key: 'activity',
+            options: {
+               type: ['person', 'thirdparty', 'user'], // TODO add 'user'
+               priority: null,
+               uniq: false,
+            }
+         }
+      }
+   },
+   computed: {
+      ...mapState({
+         persons: state => state.activity.persons,
+         thirdParties: state => state.activity.thirdParties,
+         users: state => state.activity.users,
+         accompanyingCourse: state => state.activity.accompanyingPeriod
+      }),
+      getContext() {
+         return (this.accompanyingCourse) ? "accompanyingCourse" : "person";
+      },
+      contextPersonsBlocs() {
+         return this.personsBlocs.filter(bloc => bloc.included !== false);
+      }
+   },
+   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(function(item) {
+               this.$store.dispatch('addPersonsInvolved', item);
+            }, this
+         );
+         this.$refs.addPersons.resetSearch(); // to cast child method
+         modal.showModal = false;
+         this.setPersonsInBloc();
+      }
+   }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>
--- a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/ConcernedGroups/PersonBadge.vue
+++ b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/ConcernedGroups/PersonBadge.vue
@@ -0,0 +1,29 @@
+<template>
+   <li>
+      <span class="badge bg-primary" :title="person.text">
+         <span class="chill_denomination">
+            {{ textCutted }}
+         </span>
+         <a class="fa fa-fw fa-times"
+            @click.prevent="$emit('remove', person)">
+         </a>
+      </span>
+   </li>
+</template>
+
+<script>
+export default {
+   name: "PersonBadge",
+   props: ['person'],
+   computed: {
+      textCutted() {
+         let more = (this.person.text.length > 15) ?'…' : '';
+         return this.person.text.slice(0,15) + more;
+      }
+   },
+   emits: ['remove'],
+}
+</script>
+
+<style lang="css" scoped>
+</style>
--- a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/ConcernedGroups/PersonsBloc.vue
+++ b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/ConcernedGroups/PersonsBloc.vue
@@ -0,0 +1,41 @@
+<template>
+   <div class="item-bloc">
+      <div class="item-row">
+         <div class="item-col">
+            <h4>{{ $t(bloc.title) }}</h4>
+         </div>
+         <div class="item-col">
+            <ul class="list-content">
+               <person-badge
+                  v-for="person in bloc.persons"
+                  v-bind:key="person.id"
+                  v-bind:person="person"
+                  @remove="removePerson">
+               </person-badge>
+            </ul>
+         </div>
+      </div>
+   </div>
+</template>
+
+<script>
+import PersonBadge from './PersonBadge.vue';
+export default {
+   name:"PersonsBloc",
+   components: {
+      PersonBadge
+   },
+   props: ['bloc', 'setPersonsInBloc'],
+   methods: {
+      removePerson(item) {
+         console.log('@@ CLICK remove person: item', item);
+         this.$store.dispatch('removePersonInvolved', item);
+         this.setPersonsInBloc();
+      }
+   }
+}
+</script>
+
+<style lang="scss">
+
+</style>
--- a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc.vue
+++ b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc.vue
@@ -0,0 +1,214 @@
+<template>
+   <teleport to="#social-issues-acc">
+      
+      <div class="mb-3 row">
+         <div class="col-4">
+            <label class="col-form-label">{{ $t('activity.social_issues') }}</label>
+         </div>
+         <div class="col-8">
+            
+            <check-social-issue
+               v-for="issue in socialIssuesList"
+               v-bind:key="issue.id"
+               v-bind:issue="issue"
+               v-bind:selection="socialIssuesSelected"
+               @updateSelected="updateIssuesSelected">
+            </check-social-issue>
+            
+            <div class="my-3">
+            <VueMultiselect
+               name="otherIssues"
+               label="text"
+               track-by="id"
+               open-direction="bottom"
+               v-bind:close-on-select="true"
+               v-bind:preserve-search="false"
+               v-bind:reset-after="true"
+               v-bind:hide-selected="true"
+               v-bind:taggable="false"
+               v-bind:multiple="false"
+               v-bind:searchable="true"
+               v-bind:allow-empty="true" 
+               v-bind:show-labels="false"
+               v-bind:loading="issueIsLoading"
+               v-bind:placeholder="$t('activity.choose_other_social_issue')"
+               v-bind:options="socialIssuesOther"
+               v-model="value"
+               @select="addIssueInList">
+            </VueMultiselect>
+            </div>
+            
+         </div>
+      </div>
+
+      <div class="mb-3 row">
+         <div class="col-4">
+            <label class="col-form-label">{{ $t('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>
+            
+            <check-social-action
+               v-if="socialIssuesSelected.length || socialActionsSelected.length"
+               v-for="action in socialActionsList"
+               v-bind:key="action.id"
+               v-bind:action="action"
+               v-bind:selection="socialActionsSelected"
+               @updateSelected="updateActionsSelected">
+            </check-social-action>
+            
+            <span v-else class="inline-choice chill-no-data-statement mt-3">
+               {{ $t('activity.select_first_a_social_issue') }}
+            </span>
+            
+         </div>
+      </div>
+      
+   </teleport>
+</template>
+
+<script>
+import { readonly } from 'vue';
+import VueMultiselect from 'vue-multiselect';
+import CheckSocialIssue from './SocialIssuesAcc/CheckSocialIssue.vue';
+import CheckSocialAction from './SocialIssuesAcc/CheckSocialAction.vue';
+import { getSocialIssues, getSocialActionByIssue } from '../api.js';
+
+export default {
+   name: "SocialIssuesAcc",
+   components: {
+      CheckSocialIssue,
+      CheckSocialAction,
+      VueMultiselect
+   },
+   data() {
+      return {
+         issueIsLoading: false,
+         actionIsLoading: false
+      }
+   },
+   computed: {
+      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.state.socialActionsList;
+      },
+      socialActionsSelected() {
+         return this.$store.state.activity.socialActions;
+      }
+   },
+   mounted() {
+      /* Load others issues in multiselect
+      */
+      this.issueIsLoading = true;
+      getSocialIssues().then(response => new Promise((resolve, reject) => {
+         this.$store.commit('updateIssuesOther', response.results);
+         
+         /* 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);
+            }
+         }, this);
+         
+         /* Remove from multiselect the issues that are not yet in checkbox list
+         */
+         this.socialIssuesList.forEach(issue => {
+            this.$store.commit('removeIssueInOther', issue);
+         }, this);
+         
+         /* Filter issues
+         */
+         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);
+         }, this);
+         
+         /* Filter issues
+         */
+         this.$store.commit('filterList', 'actions');
+         
+         this.issueIsLoading = false;
+         resolve();
+      }));   
+   },
+   methods: {
+   
+      /* When choosing an issue in multiselect, add it in checkboxes (as selected), 
+         remove it from multiselect, and add socialActions concerned
+      */
+      addIssueInList(value) {
+         //console.log('addIssueInList', value);
+         this.$store.commit('addIssueInList', value);
+         this.$store.commit('removeIssueInOther', value);
+         this.$store.dispatch('addIssueSelected', value);
+         this.updateActionsList();
+      },
+      /* Update value for selected issues checkboxes
+      */
+      updateIssuesSelected(issues) {
+         //console.log('updateIssuesSelected', issues);
+         this.$store.dispatch('updateIssuesSelected', issues);
+         this.updateActionsList();
+      },
+      /* Update value for selected actions checkboxes
+      */
+      updateActionsSelected(actions) {
+         //console.log('updateActionsSelected', actions);
+         this.$store.dispatch('updateActionsSelected', actions);
+      },
+      /* Add socialActions concerned: after reset, loop on each issue selected 
+         to get social actions concerned
+      */
+      updateActionsList() {
+         //console.log('updateActionsList');
+         this.resetActionsList();
+         this.socialIssuesSelected.forEach(item => {
+            
+            this.actionIsLoading = true;
+            getSocialActionByIssue(item.id)
+               .then(actions => new Promise((resolve, reject) => {
+                  
+                  actions.results.forEach(action => {
+                     this.$store.commit('addActionInList', action);
+                  }, this);
+                  
+                  this.$store.commit('filterList', 'actions');
+                  
+                  this.actionIsLoading = false;
+                  resolve();
+            }));
+         }, this);
+      },
+      /* Reset socialActions List: flush list and restore selected actions 
+      */
+      resetActionsList() {
+         this.$store.commit('resetActionsList');
+         this.socialActionsSelected.forEach(item => {
+            this.$store.commit('addActionInList', item);
+         }, this);
+      }
+   }
+}
+</script>
+
+<style src="vue-multiselect/dist/vue-multiselect.css"></style>
+<style lang="scss">
+   span.multiselect__single {
+      display: none !important;
+   }
+</style>
--- a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc/CheckSocialAction.vue
+++ b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc/CheckSocialAction.vue
@@ -0,0 +1,36 @@
+<template>
+   <span class="inline-choice">
+      <div class="form-check">
+   
+         <input class="form-check-input"
+            type="checkbox" 
+            v-model="selected"
+            name="action"
+            v-bind:id="action.id" 
+            v-bind:value="action"
+            />
+         <label class="form-check-label" v-bind:for="action.id">
+            {{ action.text }}
+         </label>
+         
+      </div>
+   </span>
+</template>
+
+<script>
+export default {
+   name: "CheckSocialAction",
+   props: [ 'action', 'selection' ],
+   emits: [ 'updateSelected' ],
+   computed: {
+      selected: {
+         set(value) {
+            this.$emit('updateSelected', value);
+         },
+         get() {
+            return this.selection;
+         }
+      }
+   }
+}
+</script>
--- a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc/CheckSocialIssue.vue
+++ b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc/CheckSocialIssue.vue
@@ -0,0 +1,36 @@
+<template>
+   <span class="inline-choice">
+      <div class="form-check">
+      
+         <input class="form-check-input"
+            type="checkbox" 
+            v-model="selected"
+            name="issue"
+            v-bind:id="issue.id" 
+            v-bind:value="issue"
+            />
+         <label class="form-check-label" v-bind:for="issue.id">
+            {{ issue.text }}
+         </label>
+         
+      </div>
+   </span>
+</template>
+
+<script>
+export default {
+   name: "CheckSocialIssue",
+   props: [ 'issue', 'selection' ],
+   emits: [ 'updateSelected' ],
+   computed: {
+      selected: {
+         set(value) {
+            this.$emit('updateSelected', value);
+         },
+         get() {
+            return this.selection;
+         }
+      }
+   }
+}
+</script>
--- a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/i18n.js
+++ b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/i18n.js
@@ -0,0 +1,27 @@
+import { personMessages } from 'ChillPersonAssets/vuejs/_js/i18n'
+
+const appMessages = {
+   fr: {
+      activity: {
+         //
+         social_issues: "Problématiques sociales",
+         choose_other_social_issue: "Ajouter une autre problématique sociale...",
+         social_actions: "Actions d'accompagnement",
+         select_first_a_social_issue: "Sélectionnez d'abord une problématique sociale",
+         
+         //
+         add_persons: "Ajouter des personnes concernées",
+         bloc_persons: "Usagers",
+         bloc_persons_associated: "Usagers du parcours",
+         bloc_persons_not_associated: "Tiers non-pro.",
+         bloc_thirdparty: "Tiers professionnels",
+         bloc_users: "T(M)S",
+      }
+   }
+}
+
+Object.assign(appMessages.fr, personMessages.fr);
+
+export {
+   appMessages
+};
--- a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/index.js
+++ b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/index.js
@@ -0,0 +1,16 @@
+import { createApp } from 'vue';
+import { _createI18n } from 'ChillMainAssets/vuejs/_js/i18n'
+import { appMessages } from './i18n'
+import store from './store'
+
+import App from './App.vue';
+
+const i18n = _createI18n(appMessages);
+
+const app = createApp({
+   template: `<app></app>`,
+})
+.use(store)
+.use(i18n)
+.component('app', App)
+.mount('#activity');
--- a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/store.js
+++ b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/store.js
@@ -0,0 +1,170 @@
+import 'es6-promise/auto';
+import { createStore } from 'vuex';
+
+const debug = process.env.NODE_ENV !== 'production';
+//console.log('window.activity', window.activity);
+
+const addIdToValue = (string, id) => {
+   let array = string ? string.split(',') : [];
+   array.push(id.toString());
+   let str = array.join();
+   return str;
+};
+
+const removeIdFromValue = (string, id) => {
+   let array = string.split(',');
+   array = array.filter(el => el !== id.toString());
+   let str = array.join();
+   return str;
+};
+
+const store = createStore({
+   strict: debug,
+   state: {
+     activity: window.activity,
+     socialIssuesOther: [],
+     socialActionsList: [],
+   },
+   mutations: {
+      
+      // SocialIssueAcc
+      addIssueInList(state, issue) {
+         //console.log('add issue list', issue.id);
+         state.activity.accompanyingPeriod.socialIssues.push(issue);         
+      },
+      addIssueSelected(state, issue) {
+         //console.log('add issue selected', issue.id);
+         state.activity.socialIssues.push(issue);
+      },
+      updateIssuesSelected(state, issues) {
+         //console.log('update issues selected', issues);
+         state.activity.socialIssues = issues;
+      },
+      updateIssuesOther(state, payload) {
+         //console.log('update issues other');
+         state.socialIssuesOther = payload;
+      },
+      removeIssueInOther(state, issue) {
+         //console.log('remove issue other', issue.id);
+         state.socialIssuesOther = state.socialIssuesOther.filter(i => i.id !== issue.id);
+      },
+      resetActionsList(state) {
+         //console.log('reset list actions');
+         state.socialActionsList = [];
+      },
+      addActionInList(state, action) {
+         //console.log('add action list', action.id);
+         state.socialActionsList.push(action);         
+      },
+      updateActionsSelected(state, actions) {
+         //console.log('update actions selected', actions);
+         state.activity.socialActions = actions;
+      },
+      filterList(state, list) {
+         const filterList = (list) => {
+            // remove duplicates entries
+            list = list.filter((value, index) => list.findIndex(array => array.id === value.id) === index);
+            // alpha sort
+            list.sort((a,b) => (a.text > b.text) ? 1 : ((b.text > a.text) ? -1 : 0));
+            return list;
+         };
+         if (list === 'issues') {
+            state.activity.accompanyingPeriod.socialIssues = filterList(state.activity.accompanyingPeriod.socialIssues);
+         }
+         if (list === 'actions') {
+            state.socialActionsList = filterList(state.socialActionsList);
+         }
+      },
+      
+      // ConcernedGroups
+      addPersonsInvolved(state, payload) {
+         //console.log('### mutation addPersonsInvolved', payload.result.type);
+         switch (payload.result.type) {
+            case 'person':
+               state.activity.persons.push(payload.result);
+               break;
+            case 'thirdparty':
+               state.activity.thirdParties.push(payload.result);
+               break;
+            case 'user':
+               state.activity.users.push(payload.result); 
+               break;
+         };
+      },
+      removePersonInvolved(state, payload) {
+         //console.log('### mutation removePersonInvolved', payload.type);
+         switch (payload.type) {
+            case 'person':
+               state.activity.persons = state.activity.persons.filter(person => person !== payload);
+               break;
+            case 'thirdparty':
+               state.activity.thirdParties = state.activity.thirdParties.filter(thirdparty => thirdparty !== payload);
+               break;
+            case 'user':
+               state.activity.users = state.activity.users.filter(user => user !== payload); 
+               break;
+         };
+      }
+   },
+   actions: {
+      addIssueSelected({ commit }, issue) {
+         let aSocialIssues = document.getElementById("chill_activitybundle_activity_socialIssues");
+         aSocialIssues.value = addIdToValue(aSocialIssues.value, issue.id);
+         commit('addIssueSelected', issue);
+      },
+      updateIssuesSelected({ commit }, payload) {
+         let aSocialIssues = document.getElementById("chill_activitybundle_activity_socialIssues");
+         aSocialIssues.value = '';
+         payload.forEach(item => {
+            aSocialIssues.value = addIdToValue(aSocialIssues.value, item.id);
+         });
+         commit('updateIssuesSelected', payload);
+      },
+      updateActionsSelected({ commit }, payload) {
+         let aSocialActions = document.getElementById("chill_activitybundle_activity_socialActions");
+         aSocialActions.value = '';
+         payload.forEach(item => {
+            aSocialActions.value = addIdToValue(aSocialActions.value, item.id);
+         });
+         commit('updateActionsSelected', payload);
+      },
+      addPersonsInvolved({ commit }, payload) {
+         //console.log('### action addPersonsInvolved', payload.result.type);
+         switch (payload.result.type) {
+            case 'person':
+               let aPersons = document.getElementById("chill_activitybundle_activity_persons");
+               aPersons.value = addIdToValue(aPersons.value, payload.result.id);
+               break;
+            case 'thirdparty':
+               let aThirdParties = document.getElementById("chill_activitybundle_activity_thirdParties");
+               aThirdParties.value = addIdToValue(aThirdParties.value, payload.result.id);
+               break;
+            case 'user':
+               let aUsers = document.getElementById("chill_activitybundle_activity_users");
+               aUsers.value = addIdToValue(aUsers.value, payload.result.id);
+               break;
+         };
+         commit('addPersonsInvolved', payload);
+      },
+      removePersonInvolved({ commit }, payload) {
+         //console.log('### action removePersonInvolved', payload);
+         switch (payload.type) {
+            case 'person':
+               let aPersons = document.getElementById("chill_activitybundle_activity_persons");
+               aPersons.value = removeIdFromValue(aPersons.value, payload.id);
+               break;
+            case 'thirdparty':
+               let aThirdParties = document.getElementById("chill_activitybundle_activity_thirdParties");
+               aThirdParties.value = removeIdFromValue(aThirdParties.value, payload.id);
+               break;
+            case 'user':
+               let aUsers = document.getElementById("chill_activitybundle_activity_users");
+               aUsers.value = removeIdFromValue(aUsers.value, payload.id);
+               break;
+         };
+         commit('removePersonInvolved', payload);
+      }
+  }
+});
+
+export default store;
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/concernedGroups.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/concernedGroups.html.twig
@@ -0,0 +1,103 @@
+{% macro href(pathname, key, value) %}
+    {% set parms = { (key): value } %}
+    {{ path(pathname, parms) }}
+{% endmacro %}
+
+{% if context == 'person' %}
+    {% set blocs = [
+        {   'title': 'Others persons'|trans, 
+            'items': entity.persons,
+            'path' : 'chill_person_view',
+            'key'  : 'person_id'
+        },
+        {   'title': 'Third parties'|trans, 
+            'items': entity.thirdParties,
+            'path' : 'chill_3party_3party_show',
+            'key'  : 'thirdparty_id'
+        },
+        {   'title': 'Users concerned'|trans, 
+            'items': entity.users,
+            'path' : 'admin_user_show',
+            'key'  : 'id'
+        },
+    ] %}
+{% else %}
+    {% set blocs = [
+        {   'title': 'Persons in accompanying course'|trans, 
+            'items': entity.personsAssociated,
+            'path' : 'chill_person_view',
+            'key'  : 'person_id'
+        },
+        {   'title': 'Third persons'|trans, 
+            'items': entity.personsNotAssociated,
+            'path' : 'chill_person_view',
+            'key'  : 'person_id'
+        },
+        {   'title': 'Third parties'|trans, 
+            'items': entity.thirdParties,
+            'path' : 'chill_3party_3party_show',
+            'key'  : 'thirdparty_id'
+        },
+        {   'title': 'Users concerned'|trans, 
+            'items': entity.users,
+            'path' : 'admin_user_show',
+            'key'  : 'id'
+        },
+    ] %}
+{% endif %}
+
+{% if (with_display == 'bloc') %}
+<div class="{{ context }} flex-bloc concerned-groups">
+    {% for bloc in blocs %}
+    <div class="item-bloc">
+        <div class="item-row">
+            <div class="item-col">
+                <h4>{{ bloc.title }}</h4>
+            </div>
+            <div class="item-col">
+                <ul class="list-content">
+                    {% for item in bloc.items %}
+                    <li>
+                        <a href="{{ _self.href(bloc.path, bloc.key, item.id) }}">
+                            <span class="badge bg-primary">
+                                {{ item|chill_entity_render_box({
+                                    'render': 'raw',
+                                    'addAltNames': false
+                                }) }}
+                            </span>
+                        </a>
+                    </li>
+                    {% endfor %}
+                </ul>
+            </div>
+        </div>
+    </div>
+    {% endfor %}
+</div>
+{% endif %}
+
+{% if (with_display == 'row') %}
+<div class="concerned-groups">
+    {% for bloc in blocs %}
+    <div class="group">
+        {% if bloc.items|length > 0 %}
+            <h4>{{ bloc.title }}</h4>
+            <ul class="list-content">
+                {% for item in bloc.items %}
+                <li>
+                    <a href="{{ _self.href(bloc.path, bloc.key, item.id) }}">
+                        <span class="badge bg-primary">
+                            {{ item|chill_entity_render_box({
+                                'render': 'raw',
+                                'addAltNames': false
+                            }) }}
+                        </span>
+                    </a>
+                </li>
+                {% endfor %}
+            </ul>
+        {% endif %}
+    </div>
+    {% endfor %}
+</div>
+{% endif %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/confirm_deleteAccompanyingCourse.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/confirm_deleteAccompanyingCourse.html.twig
@@ -0,0 +1,16 @@
+{% extends "@ChillPerson/AccompanyingCourse/layout.html.twig" %}
+
+{% set activeRouteKey = 'chill_activity_activity_list' %}
+
+{% block title  'Remove activity'|trans %}
+
+{% block content %}
+    {{ include('@ChillMain/Util/confirmation_template.html.twig',
+        {
+            'title'             : 'Remove activity'|trans,
+            'confirm_question'  : 'Are you sure you want to remove the activity about "%name%" ?'|trans({ '%name%' : accompanyingCourse.id } ),
+            'cancel_route'      : 'chill_activity_activity_list',
+            'cancel_parameters' : { 'accompanying_course_id' : accompanyingCourse.id, 'id' : activity.id },
+            'form'              : delete_form
+        } ) }}
+{% endblock %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/confirm_deletePerson.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/confirm_deletePerson.html.twig
@@ -1,4 +1,4 @@
-{% extends "@ChillPerson/layout.html.twig"  %}
+{% extends "@ChillPerson/Person/layout.html.twig"  %}

 {% set activeRouteKey = 'chill_activity_activity_list' %}
 {% set person = activity.person %}
@@ -6,7 +6,6 @@
 {% block title  'Remove activity'|trans %}

 {% block personcontent %}
-
 {{ include('@ChillMain/Util/confirmation_template.html.twig',
    {
        'title'             : 'Remove activity'|trans,
@@ -15,5 +14,4 @@
        'cancel_parameters' : { 'person_id' : activity.person.id, 'id' : activity.id },
        'form'              : delete_form
    } ) }}
-    
 {% endblock %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/edit.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/edit.html.twig
@@ -1,59 +1,104 @@
-{#
- * Copyright (C) 2014, Champs Libres Cooperative SCRLFS, <http://www.champs-libres.coop>
- *
- * This program is free software: you can redistribute it and/or modify
- *  it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- *  License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program.  If not, see <http://www.gnu.org/licenses/>.
-#}
-{% extends "@ChillPerson/layout.html.twig"  %}
+<h1>{{ "Update activity"|trans }}</h1>
+<h2 class="chill-green mb-4">{{ entity.type.name|localize_translatable_string }}</h2>

-{% set activeRouteKey = 'chill_activity_activity_list' %}
+{{ form_start(edit_form) }}
+{{ form_errors(edit_form) }}

-{% block title  'Update activity'|trans %}
+{%- if edit_form.emergency is defined -%}
+    {{ form_row(edit_form.emergency) }}
+{% endif %}

-{% block personcontent %}
-    <h1>{{ "Update activity"|trans }}</h1>
-
-    {{ form_start(edit_form) }}
+{%- if edit_form.sentReceived is defined -%}
+    {{ form_row(edit_form.sentReceived) }}
+{% endif %}

+{%- if edit_form.user is defined -%}
    {{ form_row(edit_form.user) }}
+{% endif %}
+
+{%- if edit_form.scope is defined -%}
    {{ form_row(edit_form.scope) }}
+{% endif %}

-    <h2>{{ 'Activity data'|trans }}</h2>
-    {{ form_row(edit_form.date) }}
-    {{ form_row(edit_form.durationTime) }}
-    {{ form_row(edit_form.type) }}
-    {{ form_row(edit_form.attendee) }}
+{%- if edit_form.socialIssues is defined -%}
+    {{ form_row(edit_form.socialIssues) }}
+{% endif %}
+
+{%- if edit_form.socialActions is defined -%}
+    {{ form_row(edit_form.socialActions) }}
+{% endif %}
+
+<div id="social-issues-acc"></div>
+
+{%- if edit_form.reasons is defined -%}
    {{ form_row(edit_form.reasons) }}
+{% endif %}
+
+<h2 class="chill-red">{{ 'Concerned groups'|trans }}</h2>
+
+{%- if edit_form.persons is defined -%}
+    {{ form_widget(edit_form.persons) }}
+{% endif %}
+{%- if edit_form.thirdParties is defined -%}
+    {{ form_widget(edit_form.thirdParties) }}
+{% endif %}
+{%- if edit_form.users is defined -%}
+    {{ form_widget(edit_form.users) }}
+{% endif %}
+
+<div id="add-persons"></div>
+
+<h2 class="chill-red">{{ 'Activity data'|trans }}</h2>
+
+{%- if edit_form.date is defined -%}
+    {{ form_row(edit_form.date) }}
+{% endif %}
+
+{# TODO .. location #}
+
+{%- if edit_form.durationTime is defined -%}
+    {{ form_row(edit_form.durationTime) }}
+{% endif %}
+
+{%- if edit_form.travelTime is defined -%}
+    {{ form_row(edit_form.travelTime) }}
+{% endif %}
+
+{%- if edit_form.comment is defined -%}
+    {# TODO .. public and private #}
    {{ form_row(edit_form.comment) }}
+{% endif %}

-    {{ form_widget(edit_form) }}
-        <ul class="record_actions sticky-form-buttons">
-            <li class="cancel">
-                <a href="{{ path('chill_activity_activity_show', { 'id': entity.id, 'person_id': entity.person.id } ) }}" class="sc-button bt-cancel">
-                    {{ 'Cancel'|trans }}
-                </a>
-            </li>
-            <li>
-                <button class="sc-button bt-update" type="submit">{{ 'Save activity'|trans }}</button>
-            </li>
-        </ul>
-    {{ form_end(edit_form) }}
+{%- if edit_form.documents is defined -%}
+    {{ form_row(edit_form.documents) }}
+{% endif %}

-    {# {{ form(delete_form) }} #}
-{% endblock %}
+{%- if edit_form.attendee is defined -%}
+    {{ form_row(edit_form.attendee) }}
+{% endif %}

-{% block js %}
-<script type="text/javascript">
-    chill.displayAlertWhenLeavingModifiedForm('form[name="{{ edit_form.vars.form.vars.name }}"]', '{{ "You are going to leave a page with unsubmitted data. Are you sure you want to leave ?"|trans }}');
-</script>
-{% endblock %}
+{# TODO .. status #}
+
+{% set person_id = null %}
+{% if entity.person %}
+    {% set person_id = entity.person.id %}
+{% endif %}
+
+{% set accompanying_course_id = null %}
+{% if accompanyingCourse %}
+    {% set accompanying_course_id = accompanyingCourse.id %}
+{% endif %}
+
+    <ul class="record_actions sticky-form-buttons">
+        <li class="cancel">
+            <a href="{{ path('chill_activity_activity_show', { 'id': entity.id, 'person_id': person_id, 'accompanying_period_id': accompanying_course_id  } ) }}" class="btn btn-cancel">
+                {{ 'Cancel'|trans }}
+            </a>
+        </li>
+        <li>
+            <button class="btn btn-update" type="submit">{{ 'Save'|trans }}</button>
+        </li>
+    </ul>
+{{ form_end(edit_form) }}
+
+{# {{ form(delete_form) }} #}
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/editAccompanyingCourse.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/editAccompanyingCourse.html.twig
@@ -0,0 +1,33 @@
+{% extends "@ChillPerson/AccompanyingCourse/layout.html.twig" %}
+
+{% set activeRouteKey = 'chill_activity_activity_list' %}
+
+{% block title  'Update activity'|trans %}
+
+{% block content %}
+<div class="activity-edit">
+            
+            <div id="activity"></div> {# <=== vue component #}
+            {% include 'ChillActivityBundle:Activity:edit.html.twig' %}
+            
+</div>
+{% endblock %}
+
+{% block js %}
+    {{ parent() }}
+    {{ encore_entry_link_tags('mod_async_upload') }}
+    <script type="text/javascript">
+        window.addEventListener('DOMContentLoaded', function (e) {
+            chill.displayAlertWhenLeavingModifiedForm('form[name="{{ edit_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|json_encode|raw }}; 
+    </script>
+    {{ encore_entry_script_tags('vue_activity') }}
+{% endblock %}
+
+{% block css %}
+    {{ parent() }}
+    {{ encore_entry_link_tags('mod_async_upload') }}
+    {{ encore_entry_link_tags('vue_activity') }}
+{% endblock %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/editPerson.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/editPerson.html.twig
@@ -0,0 +1,47 @@
+{#
+ * Copyright (C) 2014, Champs Libres Cooperative SCRLFS, <http://www.champs-libres.coop>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ *  License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+#}
+{% extends "@ChillPerson/Person/layout.html.twig"  %}
+
+{% set activeRouteKey = 'chill_activity_activity_list' %}
+
+{% block title  'Update activity'|trans %}
+
+{% block personcontent %}
+<div class="activity-edit">
+            
+            <div id="activity"></div> {# <=== vue component #}
+            {% include 'ChillActivityBundle:Activity:edit.html.twig' %}
+            
+</div>
+{% endblock %}
+
+{% block js %}
+    {{ encore_entry_link_tags('mod_async_upload') }}
+    <script type="text/javascript">
+        window.addEventListener('DOMContentLoaded', function (e) {
+            chill.displayAlertWhenLeavingModifiedForm('form[name="{{ edit_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|json_encode|raw }};
+    </script>
+    {{ encore_entry_script_tags('vue_activity') }}
+{% endblock %}
+
+{% block css %}
+    {{ encore_entry_link_tags('mod_async_upload') }}
+    {{ encore_entry_link_tags('vue_activity') }}
+{% endblock %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/list.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/list.html.twig
@@ -1,87 +1,163 @@
-{#
- * Copyright (C) 2014, Champs Libres Cooperative SCRLFS, <http://www.champs-libres.coop>
- *
- * This program is free software: you can redistribute it and/or modify
- *  it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- *  License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program.  If not, see <http://www.gnu.org/licenses/>.
-#}
-{% extends "@ChillPerson/layout.html.twig"  %}
-
-{% set activeRouteKey = 'chill_activity_activity_list' %}
-
-{% block title %}{{ 'Activity list' |trans }}{% endblock title %}
-
-{% block personcontent %}
-    <h2>{{ 'Activity list' |trans }}</h2>
+<div class="activity-list context-{{ context }}">

    {% if activities|length == 0 %}
        <p class="chill-no-data-statement">
            {{ "There isn't any activities."|trans }}
-            <a href="{{ path('chill_activity_activity_new', {'person_id': person.id}) }}" class="sc-button bt-create button-small"></a>
+            <a href="{{ path('chill_activity_activity_new', {'person_id': person_id, 'accompanying_period_id': accompanying_course_id}) }}" class="btn btn-sm btn-create"></a>
        </p>
+
    {% else %}
-    <table class="records_list">
-        <thead>
-            <tr>
-                <th class="chill-red">{{'Date' | trans }}</th>
-                <th class="chill-green">{{'Duration Time' | trans }}</th>
-                <th class="chill-orange">{{'Reasons' | trans}}</th>
-                <th>{{'Type' | trans}}</th>
-                <th>&nbsp;</th>
-            </tr>
-        </thead>
-        <tbody>
-        {% for activity in activities %}
-            <tr>
-                <td>{% if activity.date %}{{ activity.date|format_date('long') }}{% endif %}</td>
-                <td>{{ activity.durationTime|date('H:i') }}</td>
-                <td>
-                    {% if activity.comment.comment is not empty %}
-                            {{ activity.comment|chill_entity_render_box( { 'limit_lines': 3, 'metadata': false } ) }}
-                    {% endif %}
-                    {%- if activity.reasons is empty -%}
-                        {{ 'No reason associated'|trans }}
-                    {%- else -%}
-                        {% for r in activity.reasons %}{{ r|chill_entity_render_box }} {% endfor %}
-                    {%- endif -%}
-                </td>
-                <td>{{ activity.type.name | localize_translatable_string }}</td>
-                <td>
-                    <ul class="record_actions">
-                        <li>
-                            <a href="{{ path('chill_activity_activity_show', { 'id': activity.id, 'person_id': person.id }) }}" class="sc-button bt-show "></a>
-                        </li>
+        <div class="flex-table">
+            {% for activity in activities %}
+                {% set t = activity.type %}
+                <div class="item-bloc">
+                    <div class="item-row main">
+                        <div class="item-col">
+
+                            {% if activity.date %}
+                                <h3>{{ activity.date|format_date('long') }}</h3>
+                            {% endif %}
+
+                            <div class="duration">
+                                {% if t.durationTimeVisible > 0 %}
+                                    <p>
+                                        <i class="fa fa-fw fa-hourglass-end"></i>
+                                        {{ activity.durationTime|date('H:i') }}
+                                    </p>
+                                {% endif %}
+                                {% if activity.travelTime and t.travelTimeVisible %}
+                                    <p>
+                                        <i class="fa fa-fw fa-car"></i>
+                                        {{ activity.travelTime|date('H:i') }}
+                                    </p>
+                                {% endif %}
+                            </div>
+
+                            {% if context == 'person' and activity.accompanyingPeriod is not empty %}
+                                <div class="accompanyingPeriodLink" style="margin-top: 1rem">
+                                    <a href="{{ chill_path_add_return_path(
+                                        "chill_person_accompanying_course_index",
+                                        { 'accompanying_period_id': activity.accompanyingPeriod.id }
+                                    ) }}">
+                                        <i class="fa fa-random"></i>
+                                        {{ activity.accompanyingPeriod.id }}
+                                    </a>
+                                </div>
+                            {% endif %}
+
+                        </div>
+                        <div class="item-col">
+                            <ul class="list-content">
+                                {% if activity.user and t.userVisible %}
+                                    <li>
+                                        <b>{{ 'by'|trans }}{{ activity.user.usernameCanonical }}</b>
+                                    </li>
+                                {% endif %}
+
+                                <li>
+                                    <b>{{ activity.type.name | localize_translatable_string }}</b>
+
+                                    {% if activity.attendee is not null and t.attendeeVisible %}
+                                        {% if activity.attendee %}
+                                            {{ '→ ' ~ 'present'|trans|capitalize }}
+                                        {% else %}
+                                            {{ '→ ' ~ 'not present'|trans|capitalize }}
+                                        {% endif %}
+                                    {% endif %}
+                                </li>
+
+                                <li>
+                                    <b>{{ 'location'|trans ~ ': ' }}</b>
+                                    Domicile de l'usager
+                                    {#
+                                    {% if activity.location %}{{ activity.location }}{% endif %}
+                                    #}
+                                </li>
+
+                                {%- if t.reasonsVisible -%}
+                                    <li>
+                                        {%- if activity.reasons is not empty -%}
+                                            {% for r in activity.reasons %}
+                                                {{ r|chill_entity_render_box }}
+                                            {% endfor %}
+                                        {%- endif -%}
+                                    </li>
+                                {% endif %}
+
+                                {%- if t.socialIssuesVisible %}
+                                    <li class="social-issues">
+                                        {%- if activity.socialIssues is not empty -%}
+                                            {% for r in activity.socialIssues %}
+                                                {{ r|chill_entity_render_box }}
+                                            {% endfor %}
+                                        {%- endif -%}
+                                    </li>
+                                {% endif %}
+
+                                {%- if t.socialActionsVisible -%}
+                                    <li class="social-actions">
+                                        {%- if activity.socialActions is not empty -%}
+                                            {% for r in activity.socialActions %}
+                                                <span class="badge bg-primary">{{ r.title|localize_translatable_string }}</span>
+                                            {% endfor %}
+                                        {%- endif -%}
+                                    </li>
+                                {% endif %}
+
+
+                            </ul>
+                            <ul class="record_actions">
+                                <li>
+                                    <a href="{{ path('chill_activity_activity_show', { 'id': activity.id, 'person_id': person_id, 'accompanying_period_id': accompanying_course_id }) }}"
+                                       class="btn btn-sm btn-show "></a>
+                                </li>
+                                {# TOOD
                        {% if is_granted('CHILL_ACTIVITY_UPDATE', activity) %}
-                        <li>
-                            <a href="{{ path('chill_activity_activity_edit', { 'id': activity.id, 'person_id': person.id }) }}" class="sc-button bt-update "></a>
-                        </li>
+                                #}
+                                <li>
+                                    <a href="{{ path('chill_activity_activity_edit', { 'id': activity.id, 'person_id': person_id, 'accompanying_period_id': accompanying_course_id }) }}"
+                                       class="btn btn-sm btn-update "></a>
+                                </li>
+                                {# TOOD
                        {% endif %}
                        {% if is_granted('CHILL_ACTIVITY_DELETE', activity) %}
-                        <li>
-                            <a href="{{ path('chill_activity_activity_delete', { 'id': activity.id, 'person_id' : person.id } ) }}" class="sc-button bt-delete "></a>
-                        </li>
-                        {% endif %}
-                </td>
-            </tr>
-        {% endfor %}
-        </tbody>
-    </table>
+                                #}
+                                <li>
+                                    <a href="{{ path('chill_activity_activity_delete', { 'id': activity.id, 'person_id' : person_id, 'accompanying_period_id': accompanying_course_id } ) }}"
+                                       class="btn btn-sm btn-delete "></a>
+                                </li>
+                                {#
+                                {% endif %}
+                                #}
+                            </ul>
+                        </div>
+                    </div>
+
+                    {%  if activity.comment.comment is not empty
+                        or activity.persons|length > 0
+                        or activity.thirdParties|length > 0
+                        or activity.users|length > 0
+                    %}
+                        <div class="item-row details">
+                            <div class="item-col">
+                                {% include 'ChillActivityBundle:Activity:concernedGroups.html.twig' with {'context': context, 'with_display': 'row', 'entity': activity } %}
+                            </div>
+
+                            {% if activity.comment.comment is not empty %}
+                                <div class="item-col">
+                                    {{ activity.comment|chill_entity_render_box({
+                                        'disable_markdown': false,
+                                        'limit_lines': 3,
+                                        'metadata': false,
+                                    }) }}
+                                </div>
+                            {% endif %}
+                        </div>
+                    {% endif %}
+
+                </div>
+            {% endfor %}
+        </div>
    {% endif %}

-    <ul class="record_actions">
-        <li>
-            <a href="{{ path('chill_activity_activity_new', {'person_id': person.id}) }}" class="sc-button bt-create">
-                {{ 'Add a new activity' | trans }}
-            </a>
-        </li>
-    </ul>
-{% endblock %}
+</div>
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/listAccompanyingCourse.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/listAccompanyingCourse.html.twig
@@ -0,0 +1,31 @@
+{% extends "@ChillPerson/AccompanyingCourse/layout.html.twig"  %}
+
+{% set activeRouteKey = 'chill_activity_activity_list' %}
+
+{% block title %}{{ 'Activity list' |trans }}{% endblock title %}
+
+{% block content %}
+
+    {% set person_id = null %}
+    {% if person %}
+        {% set person_id = person.id %}
+    {% endif %}
+
+    {% set accompanying_course_id = null %}
+    {% if accompanyingCourse %}
+        {% set accompanying_course_id = accompanyingCourse.id %}
+    {% endif %}
+
+    <h1>{{ 'Activity list' |trans }}</h1>
+
+    {% include 'ChillActivityBundle:Activity:list.html.twig' with {'context': 'accompanyingCourse'} %}
+
+    <ul class="record_actions">
+        <li>
+            <a href="{{ path('chill_activity_activity_new', {'person_id': person_id, 'accompanying_period_id': accompanying_course_id}) }}" class="btn btn-create">
+                {{ 'Add a new activity' | trans }}
+            </a>
+        </li>
+    </ul>
+
+{% endblock %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/listPerson.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/listPerson.html.twig
@@ -0,0 +1,47 @@
+{#
+ * Copyright (C) 2014, Champs Libres Cooperative SCRLFS, <http://www.champs-libres.coop>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ *  License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+#}
+{% extends "@ChillPerson/Person/layout.html.twig"  %}
+
+{% set activeRouteKey = 'chill_activity_activity_list' %}
+
+{% block title %}{{ 'Activity list' |trans }}{% endblock title %}
+
+{% block personcontent %}
+
+    {% set person_id = null %}
+    {% if person %}
+        {% set person_id = person.id %}
+    {% endif %}
+
+    {% set accompanying_course_id = null %}
+    {% if accompanyingCourse %}
+        {% set accompanying_course_id = accompanyingCourse.id %}
+    {% endif %}
+
+    <h1>{{ 'Activity list' |trans }}</h1>
+
+    {% include 'ChillActivityBundle:Activity:list.html.twig' with {'context': 'person'} %}
+
+    <ul class="record_actions">
+        <li>
+            <a href="{{ path('chill_activity_activity_new', {'person_id': person_id, 'accompanying_period_id': accompanying_course_id}) }}"
+               class="btn btn-create disabled" tabindex="-1" role="button" aria-disabled="true">{{ 'Add a new activity' | trans }}
+            </a>
+        </li>
+    </ul>
+
+{% endblock %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/new.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/new.html.twig
@@ -1,50 +1,102 @@
-{#
- * Copyright (C) 2014, Champs Libres Cooperative SCRLFS, <http://www.champs-libres.coop>
- *
- * This program is free software: you can redistribute it and/or modify
- *  it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- *  License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program.  If not, see <http://www.gnu.org/licenses/>.
-#}
-{% extends "@ChillPerson/layout.html.twig"  %}
+<h1>{{ "Activity creation"|trans ~ ' :' }}</h1>
+<h2 class="chill-green mb-4">{{ entity.type.name|localize_translatable_string }}</h2>

-{% set activeRouteKey = 'chill_activity_activity_new' %}
+{{ form_start(form) }}
+{{ form_errors(form) }}

-{% block title 'Activity creation' |trans %}

-{% block personcontent %}
-    <h2 class="chill-red">{{ "Activity creation"|trans }}</h1>
+{%- if form.emergency is defined -%}
+    {{ form_row(form.emergency) }}
+{% endif %}

-    {{ form_start(form) }}
+{%- if form.sentReceived is defined -%}
+    {{ form_row(form.sentReceived) }}
+{% endif %}

+{%- if form.user is defined -%}
    {{ form_row(form.user) }}
+{% endif %}
+
+{%- if form.scope is defined -%}
    {{ form_row(form.scope) }}
+{% endif %}

-    <h2 class="chill-red">{{ 'Activity data'|trans }}</h2>
+{%- if form.socialIssues is defined -%}
+    {{ form_row(form.socialIssues) }}
+{% endif %}

-    {{ form_row(form.date) }}
-    {{ form_row(form.durationTime) }}
-    {{ form_row(form.type) }}
-    {{ form_row(form.attendee) }}
+{%- if form.socialActions is defined -%}
+    {{ form_row(form.socialActions) }}
+{% endif %}
+
+<div id="social-issues-acc"></div>
+
+{%- if form.reasons is defined -%}
    {{ form_row(form.reasons) }}
+{% endif %}
+
+<h2 class="chill-red">{{ 'Concerned groups'|trans }}</h2>
+
+{%- if form.persons is defined -%}
+    {{ form_widget(form.persons) }}
+{% endif %}
+{%- if form.thirdParties is defined -%}
+    {{ form_widget(form.thirdParties) }}
+{% endif %}
+{%- if form.users is defined -%}
+    {{ form_widget(form.users) }}
+{% endif %}
+
+<div id="add-persons"></div>
+
+<h2 class="chill-red">{{ 'Activity data'|trans }}</h2>
+
+{%- if form.date is defined -%}
+    {{ form_row(form.date) }}
+{% endif %}
+
+{# TODO .. location #}
+
+{%- if form.durationTime is defined -%}
+    {{ form_row(form.durationTime) }}
+{% endif %}
+
+{%- if form.travelTime is defined -%}
+    {{ form_row(form.travelTime) }}
+{% endif %}
+
+{%- if form.comment is defined -%}
+    {# TODO .. public and private #}
    {{ form_row(form.comment) }}
+{% endif %}

-        <div class="grid-12 centered sticky-form-buttons">
-            <button class="sc-button green margin-10" type="submit"><i class="fa fa-save"></i> {{ 'Add a new activity'|trans }}</button>
-        </div>
-    {{ form_end(form) }}
-{% endblock %}
+{%- if form.documents is defined -%}
+    {{ form_row(form.documents) }}
+{% endif %}

-{% block js %}
-<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 }}');
-</script>
-{% endblock %}
+{%- if form.attendee is defined -%}
+    {{ form_row(form.attendee) }}
+{% endif %}
+
+{# TODO .. status #}
+
+<ul class="record_actions sticky-form-buttons">
+  <li class="cancel">
+    <a
+      class="btn btn-cancel"
+      {%- if context == 'person' -%}
+      href="{{ chill_return_path_or('chill_activity_activity_list', { 'person_id': person.id } )}}"
+      {%- else -%}
+      href="{{ chill_return_path_or('chill_activity_activity_list', { 'accompanying_period_id': accompanyingCourse.id } )}}"
+      {%- endif -%}
+      >
+      {{ 'Cancel'|trans|chill_return_path_label }}
+    </a>
+  </li>
+  <li>
+    <button class="btn btn-create" type="submit">
+      {{ 'Create'|trans }}
+    </button>
+  </li>
+</ul>
+{{ form_end(form) }}
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/newAccompanyingCourse.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/newAccompanyingCourse.html.twig
@@ -0,0 +1,33 @@
+{% extends "@ChillPerson/AccompanyingCourse/layout.html.twig"  %}
+
+{% set activeRouteKey = 'chill_activity_activity_new' %}
+
+{% block title 'Activity creation' |trans %}
+
+{% block content %}
+<div class="activity-new">
+
+    <div id="activity"></div> {# <=== vue component #}
+    {% include 'ChillActivityBundle:Activity:new.html.twig' with {'context': 'accompanyingCourse'} %}
+
+</div>
+{% endblock %}
+
+{% block js %}
+    {{ parent() }}
+    {{ encore_entry_script_tags('mod_async_upload') }}
+    <script type="text/javascript">
+        window.addEventListener('DOMContentLoaded', function (e) {
+            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|json_encode|raw }};
+    </script>
+    {{ encore_entry_script_tags('vue_activity') }}
+{% endblock %}
+
+{% block css %}
+    {{ parent() }}
+    {{ encore_entry_link_tags('mod_async_upload') }}
+    {{ encore_entry_link_tags('vue_activity') }}
+{% endblock %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/newPerson.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/newPerson.html.twig
@@ -0,0 +1,31 @@
+{% extends "@ChillPerson/Person/layout.html.twig"  %}
+
+{% set activeRouteKey = 'chill_activity_activity_new' %}
+
+{% block title 'Activity creation' |trans %}
+
+{% block personcontent %}
+<div class="activity-new">
+            
+            <div id="activity"></div> {# <=== vue component #}
+            {% include 'ChillActivityBundle:Activity:new.html.twig' with {'context': 'person'} %}
+            
+</div>
+{% endblock %}
+
+{% block js %}
+    {{ encore_entry_link_tags('mod_async_upload') }}
+    <script type="text/javascript">
+        window.addEventListener('DOMContentLoaded', function (e) {
+            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|json_encode|raw }};
+    </script>
+    {{ encore_entry_script_tags('vue_activity') }}
+{% endblock %}
+
+{% block css %}
+    {{ encore_entry_link_tags('mod_async_upload') }}
+    {{ encore_entry_link_tags('vue_activity') }}
+{% endblock %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/selectType.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/selectType.html.twig
@@ -0,0 +1,30 @@
+<div class="new-activity-select-type">
+    <h2 class="chill-red">{{ "Activity creation"|trans }}</h2>
+
+    {# TODO: refaire l'html css des tuilles #}
+
+    {% for row in data %}
+        <h3>{{ row.activityTypeCategory.name|localize_translatable_string }}</h3>
+        <div class="activity-row">
+            {% for activityType in row.activityTypes %}
+
+                {% set person_id = null %}
+                {% if person %}
+                    {% set person_id = person.id %}
+                {% endif %}
+
+                {% set accompanying_course_id = null %}
+                {% if accompanyingCourse %}
+                    {% set accompanying_course_id = accompanyingCourse.id %}
+                {% endif %}
+
+                <a href="{{ path('chill_activity_activity_new', {'person_id': person_id, 'activityType_id': activityType.id, 'accompanying_period_id': accompanying_course_id }) }}">
+
+                    <div class="bloc btn btn-primary btn-lg btn-block">
+                        {{ activityType.name|localize_translatable_string }}
+                    </div>
+                </a>
+            {% endfor %}
+        </div>
+    {% endfor %}
+</div>
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/selectTypeAccompanyingCourse.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/selectTypeAccompanyingCourse.html.twig
@@ -0,0 +1,9 @@
+{% extends "@ChillPerson/AccompanyingCourse/layout.html.twig"  %}
+
+{% set activeRouteKey = 'chill_activity_activity_new' %}
+
+{% block title 'Activity creation'|trans %}
+
+{% block content %}
+    {% include 'ChillActivityBundle:Activity:selectType.html.twig' %}
+{% endblock %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/selectTypePerson.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/selectTypePerson.html.twig
@@ -0,0 +1,9 @@
+{% extends "@ChillPerson/Person/layout.html.twig"  %}
+
+{% set activeRouteKey = 'chill_activity_activity_new' %}
+
+{% block title 'Activity creation'|trans %}
+
+{% block personcontent %}
+    {% include 'ChillActivityBundle:Activity:selectType.html.twig' %}
+{% endblock %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/show.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/show.html.twig
@@ -1,68 +1,137 @@
-{% extends "@ChillPerson/layout.html.twig"  %}
+{%- set t = entity.type -%}
+{%- import "@ChillDocStore/Macro/macro.html.twig" as m -%}

-{% set activeRouteKey = 'chill_activity_activity_list' %}
+<h1>
+  {{ "Activity"|trans }}
+  {%- if t.emergencyVisible and entity.emergency -%}
+  <span class="badge bg-secondary">
+    {{- 'Emergency'|trans -}}
+  </span>
+{%- endif -%}
+</h1>

-{% block title 'Activity'|trans %}
+<dl class="chill_view_data">

-{% import 'ChillActivityBundle:ActivityReason:macro.html.twig' as m %}
+    <dt class="inline">{{ 'by'|trans|capitalize }}</dt>
+    <dd>{{ entity.user }}</dd>

-{% block personcontent -%}
-    <h1 >{{ "Activity"|trans }}</h1>
+    <dt class="inline">{{ 'Type'|trans }}</dt>
+    <dd>{{ entity.type.name | localize_translatable_string }}</dd>

-    <dl class="chill_view_data">
-        <dt class="inline">{{ 'User'|trans }}</dt>
-        <dd>{{ entity.user }}</dd>
+    {%- if entity.scope -%}
        <dt class="inline">{{ 'Scope'|trans }}</dt>
        <dd><span class="scope">{{ entity.scope.name|localize_translatable_string }}</span></dd>
+    {% endif %}

-        <h2 class="chill-red">{{ 'Activity data'|trans }}</h2>
-        <dt class="inline">{{ 'Person'|trans }}</dt>
-        <dd>{{ entity.person }}</dd>
-
-        <dt class="inline">{{ 'Date'|trans }}</dt>
-        <dd>{{ entity.date|format_date('long') }}</dd>
-        <dt class="inline">{{ 'Duration Time'|trans }}</dt>
-        <dd>{{ entity.durationTime|date('H:i') }}</dd>
-        <dt class="inline">{{ 'Type'|trans }}</dt>
-        <dd>{{ entity.type.name | localize_translatable_string }}</dd>
-
-        <dt class="inline">{{ 'Attendee'|trans }}</dt>
-        <dd>{% if entity.attendee is not null %}{% if entity.attendee %}{{ 'present'|trans|capitalize }} {% else %} {{ 'not present'|trans|capitalize }}{% endif %}{% else %}{{ 'None'|trans|capitalize }}{% endif %}</dd>
-
-        <dt class="inline">{{ 'Reasons'|trans }}</dt>
-        {%- if entity.reasons is empty -%}
-        <dd><span class="chill-no-data-statement">{{ 'No reason associated'|trans }}</span></dd>
-        {%- else -%}
-        <dd>{% for r in entity.reasons %}{{ r|chill_entity_render_box }} {% endfor %}</dd>
-        {%- endif -%}
-
-        <dt class="inline">{{ 'Comment'|trans }}</dt>
-        {%- if entity.comment is empty -%}
-            <dd><span class="chill-no-data-statement">{{ 'No comment associated'|trans }}</span></dd>
-        {%- else -%}
-            <dd>{{ entity.comment|chill_entity_render_box }}</dd>
-        {%- endif -%}
-
-    </dl>
-
-    <ul class="record_actions">
-        <li class="cancel">
-            <a class="sc-button bt-cancel" href="{{ path('chill_activity_activity_list', { 'person_id': person.id } ) }}">
-                {{ 'Back to the list'|trans }}
-            </a>
-        </li>
-        <li>
-        <a class="sc-button bt-update" href="{{ path('chill_activity_activity_edit', { 'id': entity.id, 'person_id': person.id }) }}">
-            {{ 'Edit the activity'|trans }}
-        </a>
-        </li>
-        {% if is_granted('CHILL_ACTIVITY_DELETE', entity) %}
-        <li>
-            <a href="{{ path('chill_activity_activity_delete', { 'id': entity.id, 'person_id' : person.id } ) }}" class="sc-button bt-delete">
-                {{ 'Delete'|trans }}
-            </a>
-        </li>
+    {% if t.socialIssuesVisible %}
+      <dt class="inline">{{ 'Social issues'|trans }}</dt>
+      <dd>
+        {% if entity.socialIssues|length == 0 %}
+          <p class="chill-no-data-statement">{{ 'Any social issues'|trans }}</p>
+        {% else %}
+          {% for si in entity.socialIssues %}{{ si|chill_entity_render_box }}{% endfor %}
        {% endif %}
-    </ul>
+      </dd>
+    {% endif %}

-{% endblock personcontent %}
+    {% if t.socialActionsVisible %}
+      <dt class="inline">{{ 'Social actions'|trans }}</dt>
+      <dd>
+        {% if entity.socialActions|length == 0 %}
+          <p class="chill-no-data-statement">{{ 'Any social actions'|trans }}</p>
+        {% else %}
+          {% for sa in entity.socialActions %}{{ sa|chill_entity_render_box }}{% endfor %}
+        {% endif %}
+      </dd>
+    {% endif %}
+
+    {% if t.reasonsVisible %}
+    <dt class="inline">{{ 'Reasons'|trans }}</dt>
+    {%- if entity.reasons is empty -%}
+    <dd><span class="chill-no-data-statement">{{ 'No reason associated'|trans }}</span></dd>
+    {%- else -%}
+    <dd>{% for r in entity.reasons %}{{ r|chill_entity_render_box }} {% endfor %}</dd>
+    {%- endif -%}
+    {% endif %}
+
+<h2 class="chill-red">{{ 'Concerned groups'|trans }}</h2>
+{% include 'ChillActivityBundle:Activity:concernedGroups.html.twig' with {'context': context, 'with_display': 'bloc' } %}
+
+<h2 class="chill-red">{{ 'Activity data'|trans }}</h2>
+
+    <dt class="inline">{{ 'Date'|trans }}</dt>
+    <dd>{{ entity.date|format_date('long') }}</dd>
+
+    {% if t.durationTimeVisible %}
+    <dt class="inline">{{ 'Duration Time'|trans }}</dt>
+    <dd>{{ entity.durationTime|date('H:i') }}</dd>
+    {% endif %}
+
+    {% if t.travelTimeVisible %}
+    <dt class="inline">{{ 'Travel Time'|trans }}</dt>
+    <dd>{{ entity.travelTime|date('H:i') }}</dd>
+    {% endif %}
+
+    {% if t.commentVisible %}
+    <dt class="inline">{{ 'Comment'|trans }}</dt>
+      {%- if entity.comment.empty -%}
+          <dd><span class="chill-no-data-statement">{{ 'No comment associated'|trans }}</span></dd>
+      {%- else -%}
+          <dd>{{ entity.comment|chill_entity_render_box }}</dd>
+      {%- endif -%}
+    {% endif %}
+
+    {% if t.documentsVisible and entity.documents|length > 0 %}
+      <dt>{{ 'Documents'|trans }}</dt>
+      <dd>
+        <ul>
+        {% for d in entity.documents %}
+          <li>{{ m.download_button(d) }}</li>
+        {% endfor %}
+        </ul>
+      </dd>
+    {% endif %}
+
+    {% if t.attendeeVisible %}
+    <dt class="inline">{{ 'Attendee'|trans }}</dt>
+    <dd>{% if entity.attendee is not null %}{% if entity.attendee %}{{ 'present'|trans|capitalize }} {% else %} {{ 'not present'|trans|capitalize }}{% endif %}{% else %}{{ 'None'|trans|capitalize }}{% endif %}</dd>
+    {% endif %}
+
+</dl>
+
+{% set person_id = null %}
+{% if person %}
+    {% set person_id = person.id %}
+{% endif %}
+
+{% set accompanying_course_id = null %}
+{% if accompanyingCourse %}
+    {% set accompanying_course_id = accompanyingCourse.id %}
+{% endif %}
+
+<ul class="record_actions sticky-form-buttons">
+    <li class="cancel">
+        <a class="btn btn-cancel" href="{{ path('chill_activity_activity_list', { 'person_id': person_id, 'accompanying_period_id': accompanying_course_id } ) }}">
+            {{ 'Back to the list'|trans }}
+        </a>
+    </li>
+    <li>
+        <a class="btn btn-update" href="{{ path('chill_activity_activity_edit', { 'id': entity.id, 'person_id': person_id, 'accompanying_period_id': accompanying_course_id }) }}">
+            {{ 'Edit'|trans }}
+        </a>
+    </li>
+    
+    {# TODO
+    {% if is_granted('CHILL_ACTIVITY_DELETE', entity) %}
+    #}
+    
+    <li>
+        <a href="{{ path('chill_activity_activity_delete', { 'id': entity.id, 'person_id' : person_id, 'accompanying_period_id': accompanying_course_id } ) }}" class="btn btn-delete">
+            {{ 'Delete'|trans }}
+        </a>
+    </li>
+    
+    {#
+    {% endif %}
+    #}
+</ul>
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/showAccompanyingCourse.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/showAccompanyingCourse.html.twig
@@ -0,0 +1,15 @@
+{% extends "@ChillPerson/AccompanyingCourse/layout.html.twig"  %}
+
+{% set activeRouteKey = 'chill_activity_activity_list' %}
+
+{% block title 'Activity'|trans %}
+
+{% import 'ChillActivityBundle:ActivityReason:macro.html.twig' as m %}
+
+{% block content -%}
+<div class="activity-show">
+            
+            {% include 'ChillActivityBundle:Activity:show.html.twig' with {'context': 'accompanyingCourse'} %}
+            
+</div> 
+{% endblock content %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/showInNotification.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/showInNotification.html.twig
@@ -0,0 +1,4 @@
+
+{{ dump(notification) }}
+
+<a href="{{ path('chill_activity_activity_show', {'id': notification.relatedEntityId })  }}">Go to Activity</a>
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/showPerson.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/showPerson.html.twig
@@ -0,0 +1,15 @@
+{% extends "@ChillPerson/Person/layout.html.twig"  %}
+
+{% set activeRouteKey = 'chill_activity_activity_list' %}
+
+{% block title 'Activity'|trans %}
+
+{% import 'ChillActivityBundle:ActivityReason:macro.html.twig' as m %}
+
+{% block personcontent -%}
+<div class="activity-show">
+            
+            {% include 'ChillActivityBundle:Activity:show.html.twig' with {'context': 'person'} %}
+            
+</div>                
+{% endblock personcontent %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/ActivityPresence/edit.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/ActivityPresence/edit.html.twig
@@ -0,0 +1,12 @@
+{% extends "@ChillActivity/Admin/layout_activity.html.twig" %}
+
+{% block title %}
+{% include('@ChillMain/CRUD/_edit_title.html.twig') %}
+{% endblock %}
+
+{% block layout_wvm_content %}
+{% embed '@ChillMain/CRUD/_edit_content.html.twig' %}
+    {% block content_form_actions_view %}{% endblock %}
+    {% block content_form_actions_save_and_show %}{% endblock %}
+{% endembed %}
+{% endblock %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/ActivityPresence/index.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/ActivityPresence/index.html.twig
@@ -0,0 +1,44 @@
+{% extends "@ChillActivity/Admin/layout_activity.html.twig" %}
+
+{% block admin_content %}
+    <h1>{{ 'ActivityPresence list'|trans }}</h1>
+
+    <table class="records_list">
+        <thead>
+        <tr>
+            <th>{{ 'Name'|trans }}</th>
+            <th>{{ 'Active'|trans }}</th>
+            <th>{{ 'Actions'|trans }}</th>
+        </tr>
+        </thead>
+        <tbody>
+        {% for entity in entities %}
+            <tr>
+                <td>{{ entity.name|localize_translatable_string }}</td>
+                <td style="text-align:center;">
+                    {%- if entity.active -%}
+                        <i class="fa fa-check-square-o"></i>
+                    {%- else -%}
+                        <i class="fa fa-square-o"></i>
+                    {%- endif -%}
+                </td>
+                <td>
+                    <ul class="record_actions">
+                        <li>
+                            <a href="{{ path('chill_crud_activity_presence_edit', { 'id': entity.id }) }}" class="btn btn-edit" title="{{ 'edit'|trans }}"></a>
+                        </li>
+                    </ul>
+                </td>
+            </tr>
+        {% endfor %}
+        </tbody>
+    </table>
+
+    <ul class="record_actions">
+        <li>
+            <a href="{{ path('chill_crud_activity_presence_new') }}" class="btn btn-create">
+                {{ 'Create a new activity presence'|trans }}
+            </a>
+        </li>
+    </ul>
+{% endblock %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/ActivityPresence/new.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/ActivityPresence/new.html.twig
@@ -0,0 +1,11 @@
+{% extends "@ChillActivity/Admin/layout_activity.html.twig" %}
+
+{% block title %}
+{% include('@ChillMain/CRUD/_new_title.html.twig') %}
+{% endblock %}
+
+{% block layout_wvm_content %}
+{% embed '@ChillMain/CRUD/_new_content.html.twig' %}
+    {% block content_form_actions_save_and_show %}{% endblock %}
+{% endembed %}
+{% endblock %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/ActivityReason/edit.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/ActivityReason/edit.html.twig
@@ -26,10 +26,10 @@

    <ul class="record_actions">
        <li class="cancel">
-            <a href="{{ path('chill_activity_activityreason') }}" class="sc-button bt-cancel">{{ 'Back to the list'|trans }}</a>
+            <a href="{{ path('chill_activity_activityreason') }}" class="btn btn-cancel">{{ 'Back to the list'|trans }}</a>
        </li>
        <li>
-            {{ form_row(edit_form.submit, { 'attr': { 'class' : 'sc-button orange' } } ) }}
+            {{ form_row(edit_form.submit, { 'attr': { 'class' : 'btn btn-chill-orange' } } ) }}
        </li>
    </ul>

--- a/src/Bundle/ChillActivityBundle/Resources/views/ActivityReason/index.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/ActivityReason/index.html.twig
@@ -33,10 +33,10 @@
                <td>
                <ul class="record_actions">
                    <li>
-                        <a href="{{ path('chill_activity_activityreason_show', { 'id': entity.id }) }}" class="sc-button bt-show" title="{{ 'show'|trans }}"></a>
+                        <a href="{{ path('chill_activity_activityreason_show', { 'id': entity.id }) }}" class="btn btn-show" title="{{ 'show'|trans }}"></a>
                    </li>
                    <li>
-                        <a href="{{ path('chill_activity_activityreason_edit', { 'id': entity.id }) }}" class="sc-button bt-edit" title="{{ 'edit'|trans }}"></a>
+                        <a href="{{ path('chill_activity_activityreason_edit', { 'id': entity.id }) }}" class="btn btn-edit" title="{{ 'edit'|trans }}"></a>
                    </li>
                </ul>
                </td>
@@ -47,7 +47,7 @@

    <ul class="record_actions">
        <li>
-            <a href="{{ path('chill_activity_activityreason_new') }}" class="sc-button bt-new">
+            <a href="{{ path('chill_activity_activityreason_new') }}" class="btn btn-new">
                {{ 'Create a new activity reason'|trans }}
            </a>
        </li>
--- a/src/Bundle/ChillActivityBundle/Resources/views/ActivityReason/new.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/ActivityReason/new.html.twig
@@ -26,10 +26,10 @@

    <ul class="record_actions">
        <li class="cancel">
-            <a href="{{ path('chill_activity_activityreason') }}" class="sc-button bt-cancel">{{ 'Back to the list'|trans }}</a>
+            <a href="{{ path('chill_activity_activityreason') }}" class="btn btn-cancel">{{ 'Back to the list'|trans }}</a>
        </li>
        <li>
-            {{ form_row(form.submit, { 'attr': { 'class' : 'sc-button bt-new' } } ) }}
+            {{ form_row(form.submit, { 'attr': { 'class' : 'btn btn-new' } } ) }}
        </li>
    </ul>

--- a/src/Bundle/ChillActivityBundle/Resources/views/ActivityReason/show.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/ActivityReason/show.html.twig
@@ -40,12 +40,12 @@

    <ul class="record_actions">
        <li class="cancel">
-            <a href="{{ path('chill_activity_activityreason') }}" class="sc-button bt-cancel">
+            <a href="{{ path('chill_activity_activityreason') }}" class="btn btn-cancel">
                {{ 'Back to the list'|trans }}
            </a>
        </li>
        <li>
-            <a href="{{ path('chill_activity_activityreason_edit', { 'id': entity.id }) }}" class="sc-button bt-edit">
+            <a href="{{ path('chill_activity_activityreason_edit', { 'id': entity.id }) }}" class="btn btn-edit">
                {{ 'Edit'|trans }}
            </a>
        </li>
--- a/src/Bundle/ChillActivityBundle/Resources/views/ActivityReasonCategory/edit.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/ActivityReasonCategory/edit.html.twig
@@ -25,12 +25,12 @@

    <ul class="record_actions">
        <li class="cancel">
-            <a href="{{ path('chill_activity_activityreasoncategory') }}" class="sc-button bt-cancel">
+            <a href="{{ path('chill_activity_activityreasoncategory') }}" class="btn btn-cancel">
                {{ 'Back to the list'|trans }}
            </a>
        </li>
        <li>
-            {{ form_row(edit_form.submit, { 'attr': { 'class': 'sc-button bt-edit' } } ) }}
+            {{ form_row(edit_form.submit, { 'attr': { 'class': 'btn btn-edit' } } ) }}
        </li>
    </ul>

--- a/src/Bundle/ChillActivityBundle/Resources/views/ActivityReasonCategory/index.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/ActivityReasonCategory/index.html.twig
@@ -34,10 +34,10 @@
                <td>
                    <ul class="record_actions">
                    <li>
-                        <a href="{{ path('chill_activity_activityreasoncategory_show', { 'id': entity.id }) }}" class="sc-button bt-show" title="{{ 'show'|trans }}"></a>
+                        <a href="{{ path('chill_activity_activityreasoncategory_show', { 'id': entity.id }) }}" class="btn btn-show" title="{{ 'show'|trans }}"></a>
                    </li>
                    <li>
-                        <a href="{{ path('chill_activity_activityreasoncategory_edit', { 'id': entity.id }) }}" class="sc-button bt-edit" title="{{ 'edit'|trans }}"></a>
+                        <a href="{{ path('chill_activity_activityreasoncategory_edit', { 'id': entity.id }) }}" class="btn btn-edit" title="{{ 'edit'|trans }}"></a>
                    </li>
                </ul>
                </td>
@@ -48,7 +48,7 @@

    <ul class="record_actions">
        <li>
-            <a href="{{ path('chill_activity_activityreasoncategory_new') }}" class="sc-button bt-new">
+            <a href="{{ path('chill_activity_activityreasoncategory_new') }}" class="btn btn-new">
                {{ 'Create a new activity category reason'|trans }}
            </a>
        </li>
--- a/src/Bundle/ChillActivityBundle/Resources/views/ActivityReasonCategory/new.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/ActivityReasonCategory/new.html.twig
@@ -25,10 +25,10 @@

    <ul class="record_actions">
        <li class="cancel">
-            <a href="{{ path('chill_activity_activityreasoncategory') }}" class="sc-button bt-cancel">{{ 'Back to the list'|trans }}</a>
+            <a href="{{ path('chill_activity_activityreasoncategory') }}" class="btn btn-cancel">{{ 'Back to the list'|trans }}</a>
        </li>
        <li>
-            {{ form_widget(form.submit, { 'attr': { 'class' : 'sc-button bt-new' } } ) }}
+            {{ form_widget(form.submit, { 'attr': { 'class' : 'btn btn-new' } } ) }}
        </li>
    </ul>
    {{ form_end(form) }}
--- a/src/Bundle/ChillActivityBundle/Resources/views/ActivityReasonCategory/show.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/ActivityReasonCategory/show.html.twig
@@ -39,12 +39,12 @@
    </table>
    <ul class="record_actions">
        <li class="cancel">
-            <a href="{{ path('chill_activity_activityreasoncategory') }}" class="sc-button bt-cancel">
+            <a href="{{ path('chill_activity_activityreasoncategory') }}" class="btn btn-cancel">
                {{ 'Back to the list'|trans }}
            </a>
        </li>
        <li>
-            <a href="{{ path('chill_activity_activityreasoncategory_edit', { 'id': entity.id }) }}" class="sc-button bt-edit">
+            <a href="{{ path('chill_activity_activityreasoncategory_edit', { 'id': entity.id }) }}" class="btn btn-edit">
                {{ 'Edit'|trans }}
            </a>
        </li>
--- a/src/Bundle/ChillActivityBundle/Resources/views/ActivityType/edit.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/ActivityType/edit.html.twig
@@ -1,40 +1,12 @@
-{#
- * Copyright (C) 2014, Champs Libres Cooperative SCRLFS, <http://www.champs-libres.coop>
- *
- * This program is free software: you can redistribute it and/or modify
- *  it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- *  License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program.  If not, see <http://www.gnu.org/licenses/>.
-#}
 {% extends "@ChillActivity/Admin/layout_activity.html.twig" %}

-{% block admin_content %}
-    <h1>{{ 'ActivityType edit'|trans }}</h1>
-
-    {{ form_start(edit_form) }}
-    {{ form_row(edit_form.active) }}
-    {{ form_row(edit_form.name) }}
-    
-    
-
-    <ul class="record_actions">
-        <li class="cancel">
-            <a href="{{ path('chill_activity_activitytype') }}" class="sc-button bt-cancel">
-                {{ 'Back to the list'|trans }}
-            </a>
-        </li>
-        <li>
-            {{ form_widget(edit_form.submit, { 'attr' : { 'class' : 'sc-button bt-update' } } ) }}
-        </li>
-    </ul>
-    
-    {{ form_end(edit_form) }}
+{% block title %}
+    {% include('@ChillMain/CRUD/_edit_title.html.twig') %}
+{% endblock %}
+
+{% block layout_wvm_content %}
+    {% embed '@ChillMain/CRUD/_edit_content.html.twig' %}
+        {% block content_form_actions_view %}{% endblock %}
+        {% block content_form_actions_save_and_show %}{% endblock %}
+    {% endembed %}
 {% endblock %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/ActivityType/index.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/ActivityType/index.html.twig
@@ -30,7 +30,7 @@
        <tbody>
        {% for entity in entities %}
            <tr>
-                <td><a href="{{ path('chill_activity_activitytype_show', { 'id': entity.id }) }}">{{ entity.name|localize_translatable_string }}</a></td>
+                <td>{{ entity.name|localize_translatable_string }}</td>
                <td style="text-align:center;">
                {%- if entity.active -%}
                    <i class="fa fa-check-square-o"></i>
@@ -41,10 +41,7 @@
                <td>
                <ul class="record_actions">
                    <li>
-                        <a href="{{ path('chill_activity_activitytype_show', { 'id': entity.id }) }}" class="sc-button bt-show" title="{{ 'show'|trans }}"></a>
-                    </li>
-                    <li>
-                        <a href="{{ path('chill_activity_activitytype_edit', { 'id': entity.id }) }}" class="sc-button bt-edit" title="{{ 'edit'|trans }}"></a>
+                        <a href="{{ path('chill_crud_activity_type_edit', { 'id': entity.id }) }}" class="btn btn-edit" title="{{ 'edit'|trans }}"></a>
                    </li>
                </ul>
                </td>
@@ -55,7 +52,7 @@

        <ul class="record_actions">
        <li>
-            <a href="{{ path('chill_activity_activitytype_new') }}" class="sc-button bt-create">
+            <a href="{{ path('chill_crud_activity_type_new') }}" class="btn btn-create">
                {{ 'Create a new activity type'|trans }}
            </a>
        </li>
--- a/src/Bundle/ChillActivityBundle/Resources/views/ActivityType/new.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/ActivityType/new.html.twig
@@ -1,38 +1,11 @@
-{#
- * Copyright (C) 2014, Champs Libres Cooperative SCRLFS, <http://www.champs-libres.coop>
- *
- * This program is free software: you can redistribute it and/or modify
- *  it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- *  License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program.  If not, see <http://www.gnu.org/licenses/>.
-#}
 {% extends "@ChillActivity/Admin/layout_activity.html.twig" %}

-{% block admin_content %}
-    <h1>{{ 'ActivityType creation'|trans }}</h1>
-
-    {{ form_start(form) }}
-        {{ form_row(form.active) }}
-    {{ form_row(form.name) }}
-    
-    <ul class="record_actions">
-        <li class="cancel">
-            <a href="{{ path('chill_activity_activitytype') }}" class="sc-button bt-cancel">
-                {{ 'Back to the list'|trans }}
-            </a>
-        </li>
-        <li>
-            {{ form_widget(form.submit, { 'attr' : { 'class' : 'sc-button bt-new' } } ) }}
-        </li>
-    </ul>
-    {{ form_end(form) }}
-    
+{% block title %}
+    {% include('@ChillMain/CRUD/_new_title.html.twig') %}
+{% endblock %}
+
+{% block layout_wvm_content %}
+    {% embed '@ChillMain/CRUD/_new_content.html.twig' %}
+        {% block content_form_actions_save_and_show %}{% endblock %}
+    {% endembed %}
 {% endblock %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/ActivityType/show.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/ActivityType/show.html.twig
@@ -1,42 +0,0 @@
-{#
- * Copyright (C) 2014, Champs Libres Cooperative SCRLFS, <http://www.champs-libres.coop>
- *
- * This program is free software: you can redistribute it and/or modify
- *  it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- *  License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program.  If not, see <http://www.gnu.org/licenses/>.
-#}
-{% extends "@ChillActivity/Admin/layout_activity.html.twig" %}
-
-{% block admin_content %}
-    <h1>{{ 'ActivityType'|trans }}</h1>
-
-    <table class="record_properties">
-        <tbody>
-            <tr>
-                <th>{{ 'Name'|trans }}</th>
-                <td>{{ entity.name|localize_translatable_string }}</td>
-            </tr>
-        </tbody>
-    </table>
-    <ul class="record_actions">
-        <li class="cancel">
-            <a href="{{ path('chill_activity_activitytype') }}" class="sc-button bt-cancel">
-                {{ 'Back to the list'|trans }}
-            </a>
-        </li>
-        <li>
-            <a href="{{ path('chill_activity_activitytype_edit', { 'id': entity.id }) }}" class="sc-button bt-edit">
-                {{ 'Edit'|trans }}
-            </a>
-        </li>
-    </ul>
-{% endblock %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/ActivityTypeCategory/edit.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/ActivityTypeCategory/edit.html.twig
@@ -0,0 +1,12 @@
+{% extends "@ChillActivity/Admin/layout_activity.html.twig" %}
+
+{% block title %}
+{% include('@ChillMain/CRUD/_edit_title.html.twig') %}
+{% endblock %}
+
+{% block layout_wvm_content %}
+{% embed '@ChillMain/CRUD/_edit_content.html.twig' %}
+    {% block content_form_actions_view %}{% endblock %}
+    {% block content_form_actions_save_and_show %}{% endblock %}
+{% endembed %}
+{% endblock %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/ActivityTypeCategory/index.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/ActivityTypeCategory/index.html.twig
@@ -0,0 +1,44 @@
+{% extends "@ChillActivity/Admin/layout_activity.html.twig" %}
+
+{% block admin_content %}
+    <h1>{{ 'ActivityTypeCategory list'|trans }}</h1>
+
+    <table class="records_list">
+        <thead>
+        <tr>
+            <th>{{ 'Name'|trans }}</th>
+            <th>{{ 'Active'|trans }}</th>
+            <th>{{ 'Actions'|trans }}</th>
+        </tr>
+        </thead>
+        <tbody>
+        {% for entity in entities %}
+            <tr>
+                <td>{{ entity.name|localize_translatable_string }}</td>
+                <td style="text-align:center;">
+                    {%- if entity.active -%}
+                        <i class="fa fa-check-square-o"></i>
+                    {%- else -%}
+                        <i class="fa fa-square-o"></i>
+                    {%- endif -%}
+                </td>
+                <td>
+                    <ul class="record_actions">
+                        <li>
+                            <a href="{{ path('chill_crud_activity_type_category_edit', { 'id': entity.id }) }}" class="btn btn-edit" title="{{ 'edit'|trans }}"></a>
+                        </li>
+                    </ul>
+                </td>
+            </tr>
+        {% endfor %}
+        </tbody>
+    </table>
+
+    <ul class="record_actions">
+        <li>
+            <a href="{{ path('chill_crud_activity_type_category_new') }}" class="btn btn-create">
+                {{ 'Create a new activity type category'|trans }}
+            </a>
+        </li>
+    </ul>
+{% endblock %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/ActivityTypeCategory/new.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/ActivityTypeCategory/new.html.twig
@@ -0,0 +1,11 @@
+{% extends "@ChillActivity/Admin/layout_activity.html.twig" %}
+
+{% block title %}
+{% include('@ChillMain/CRUD/_new_title.html.twig') %}
+{% endblock %}
+
+{% block layout_wvm_content %}
+{% embed '@ChillMain/CRUD/_new_content.html.twig' %}
+    {% block content_form_actions_save_and_show %}{% endblock %}
+{% endembed %}
+{% endblock %}
--- a/src/Bundle/ChillActivityBundle/Resources/views/Timeline/activity_person_context.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Timeline/activity_person_context.html.twig
@@ -29,13 +29,13 @@

    <ul class="record_actions">
        <li>
-            <a href="{{ path('chill_activity_activity_show', { 'person_id': activity.person.id, 'id': activity.id} ) }}" class="sc-button bt-view">
+            <a href="{{ path('chill_activity_activity_show', { 'person_id': activity.person.id, 'id': activity.id} ) }}" class="btn btn-view">
                {{ 'Show the activity'|trans }}
            </a>
        </li>
        {% if is_granted('CHILL_ACTIVITY_UPDATE', activity) %}
        <li>
-            <a href="{{ path('chill_activity_activity_edit', { 'person_id': activity.person.id, 'id': activity.id} ) }}" class="sc-button bt-edit">
+            <a href="{{ path('chill_activity_activity_edit', { 'person_id': activity.person.id, 'id': activity.id} ) }}" class="btn btn-edit">
                {{ 'Edit the activity'|trans }}
            </a>
        </li>
--- a/src/Bundle/ChillActivityBundle/chill.webpack.config.js
+++ b/src/Bundle/ChillActivityBundle/chill.webpack.config.js
@@ -1,4 +1,11 @@
 // this file loads all assets from the Chill person bundle
-module.exports = function(encore, entries) {
-    entries.push(__dirname + '/Resources/public/index.js');
+module.exports = function(encore, entries)
+{
+    entries.push(__dirname + '/Resources/public/chill/index.js');
+
+    encore.addAliases({
+        ChillActivityAssets: __dirname + '/Resources/public'
+    });
+
+    encore.addEntry('vue_activity', __dirname + '/Resources/public/vuejs/Activity/index.js');
 };
--- a/src/Bundle/ChillActivityBundle/config/routes.yaml
+++ b/src/Bundle/ChillActivityBundle/config/routes.yaml
@@ -10,10 +10,6 @@ chill_activity_activityreasoncategory:
    resource: "@ChillActivityBundle/config/routes/activityreasoncategory.yaml"
    prefix:   /

-chill_activity_activitytype:
-    resource: "@ChillActivityBundle/config/routes/activitytype.yaml"
-    prefix:   /
-
 chill_admin_activity_index:
    path:     /{_locale}/admin/activity
    controller: Chill\ActivityBundle\Controller\AdminController::indexActivityAction
@@ -32,3 +28,30 @@ chill_admin_activity_redirect_to_admin_index:
            admin_activity:
                order: 0
                label: Main admin menu
+
+chill_activity_type_admin:
+    path:     /{_locale}/admin/activity/type
+    controller: cscrud_activity_type_controller:index
+    options:
+        menus:
+            admin_activity:
+                order: 2020
+                label: 'Activity Types'
+
+chill_activity_type_category_admin:
+    path:     /{_locale}/admin/activity/type_category
+    controller: cscrud_activity_type_category_controller:index
+    options:
+        menus:
+            admin_activity:
+                order: 2999
+                label: 'Activity Types Categories'
+
+chill_activity_presence_admin:
+    path:     /{_locale}/admin/activity/presence
+    controller: cscrud_activity_presence_controller:index
+    options:
+        menus:
+            admin_activity:
+                order: 2021
+                label: 'Activity Presences'
--- a/src/Bundle/ChillActivityBundle/config/routes/activity.yaml
+++ b/src/Bundle/ChillActivityBundle/config/routes/activity.yaml
@@ -1,30 +1,26 @@
 chill_activity_activity_list:
-    path:     /{_locale}/person/{person_id}/activity/
+    path:     /{_locale}/activity/
    controller: Chill\ActivityBundle\Controller\ActivityController::listAction

 chill_activity_activity_show:
-    path:     /{_locale}/person/{person_id}/activity/{id}/show
+    path:     /{_locale}/activity/{id}/show
    controller: Chill\ActivityBundle\Controller\ActivityController::showAction

-chill_activity_activity_new:
-    path:     /{_locale}/person/{person_id}/activity/new
-    controller: Chill\ActivityBundle\Controller\ActivityController::newAction
+chill_activity_activity_select_type:
+    path:     /{_locale}/activity/select-type
+    controller: Chill\ActivityBundle\Controller\ActivityController::selectTypeAction

-chill_activity_activity_create:
-    path:     /{_locale}/person/{person_id}/activity/create
-    controller: Chill\ActivityBundle\Controller\ActivityController::createAction
-    methods:  POST
+chill_activity_activity_new:
+    path:     /{_locale}/activity/new
+    controller: Chill\ActivityBundle\Controller\ActivityController::newAction
+    methods:  [POST, GET]

 chill_activity_activity_edit:
-    path:     /{_locale}/person/{person_id}/activity/{id}/edit
+    path:     /{_locale}/activity/{id}/edit
    controller: Chill\ActivityBundle\Controller\ActivityController::editAction
-
-chill_activity_activity_update:
-    path:     /{_locale}/person/{person_id}/activity/{id}/update
-    controller: Chill\ActivityBundle\Controller\ActivityController::updateAction
-    methods:  [POST, PUT]
+    methods:  [GET, POST, PUT]

 chill_activity_activity_delete:
-    path:     /{_locale}/person/{person_id}/activity/{id}/delete
+    path:     /{_locale}/activity/{id}/delete
    controller: Chill\ActivityBundle\Controller\ActivityController::deleteAction
    methods:  [GET, POST, DELETE]
--- a/src/Bundle/ChillActivityBundle/config/routes/activitytype.yaml
+++ b/src/Bundle/ChillActivityBundle/config/routes/activitytype.yaml
@@ -1,35 +0,0 @@
-chill_activity_activitytype:
-    path:     /{_locale}/admin/activitytype/
-    controller: Chill\ActivityBundle\Controller\ActivityTypeController::indexAction
-    options:
-        menus:
-            admin_activity: 
-                order: 2020
-                label: "Activity Types"
-
-chill_activity_activitytype_show:
-    path:     /{_locale}/admin/activitytype/{id}/show
-    controller: Chill\ActivityBundle\Controller\ActivityTypeController::showAction
-
-chill_activity_activitytype_new:
-    path:     /{_locale}/admin/activitytype/new
-    controller: Chill\ActivityBundle\Controller\ActivityTypeController::newAction
-
-chill_activity_activitytype_create:
-    path:     /{_locale}/admin/activitytype/create
-    controller: Chill\ActivityBundle\Controller\ActivityTypeController::createAction
-    methods:  POST
-
-chill_activity_activitytype_edit:
-    path:     /{_locale}/admin/activitytype/{id}/edit
-    controller: Chill\ActivityBundle\Controller\ActivityTypeController::editAction
-
-chill_activity_activitytype_update:
-    path:     /{_locale}/admin/activitytype/{id}/update
-    controller: Chill\ActivityBundle\Controller\ActivityTypeController::updateAction
-    methods:  [POST, PUT]
-
-chill_activity_activitytype_delete:
-    path:     /{_locale}/admin/activitytype/{id}/delete
-    controller: Chill\ActivityBundle\Controller\ActivityTypeController::deleteAction
-    methods:  [POST, DELETE]
--- a/src/Bundle/ChillActivityBundle/config/services.yaml
+++ b/src/Bundle/ChillActivityBundle/config/services.yaml
@@ -1,4 +1,4 @@
-services:     
+services:
    chill.activity.security.authorization.activity_voter:
        class: Chill\ActivityBundle\Security\Authorization\ActivityVoter
        arguments:
@@ -6,7 +6,7 @@ services:
        tags:
            - { name: security.voter }
            - { name: chill.role }
-            
+
    chill.activity.security.authorization.activity_stats_voter:
        class: Chill\ActivityBundle\Security\Authorization\ActivityStatsVoter
        arguments:
@@ -14,8 +14,8 @@ services:
        tags:
            - { name: security.voter }
            - { name: chill.role }
-            
-            
+
+
    chill.activity.timeline:
        class: Chill\ActivityBundle\Timeline\TimelineActivityProvider
        arguments:
@@ -33,3 +33,8 @@ services:
        autoconfigure: true
        resource: '../Menu/'
        tags: ['chill.menu_builder']
+
+    Chill\ActivityBundle\Notification\:
+        autowire: true
+        autoconfigure: true
+        resource: '../Notification'
--- a/src/Bundle/ChillActivityBundle/config/services/controller.yaml
+++ b/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']
--- a/src/Bundle/ChillActivityBundle/config/services/form.yaml
+++ b/src/Bundle/ChillActivityBundle/config/services/form.yaml
@@ -6,7 +6,7 @@ services:
            - "@request_stack"
        tags:
            - { name: form.type, alias: translatable_activity_reason_category }
-            
+
    chill.activity.form.type.translatableactivityreason:
        class: Chill\ActivityBundle\Form\Type\TranslatableActivityReason
        arguments:
@@ -14,7 +14,7 @@ services:
            $reasonRender: '@Chill\ActivityBundle\Templating\Entity\ActivityReasonRender'
        tags:
            - { name: form.type, alias: translatable_activity_reason }
-            
+
    chill.activity.form.type.translatableactivitytype:
        class: Chill\ActivityBundle\Form\Type\TranslatableActivityType
        arguments:
@@ -22,7 +22,7 @@ services:
            - "@chill_activity.repository.activity_type"
        tags:
            - { name: form.type, alias: translatable_activity_type }
-            
+
    chill.activity.form.type.activity:
        class: Chill\ActivityBundle\Form\ActivityType
        arguments:
@@ -31,5 +31,14 @@ services:
            - "@doctrine.orm.entity_manager"
            - "@chill.main.helper.translatable_string"
            - "%chill_activity.form.time_duration%"
+            - '@Chill\PersonBundle\Templating\Entity\SocialIssueRender'
+            - '@Chill\PersonBundle\Templating\Entity\SocialActionRender'
        tags:
            - { name: form.type, alias: chill_activitybundle_activity }
+
+    chill.activity.form.type.activityTypeType:
+        class: Chill\ActivityBundle\Form\ActivityTypeType
+        arguments:
+            - "@chill.main.helper.translatable_string"
+        tags:
+            - { name: form.type, alias: translatable_activity_type }
--- a/src/Bundle/ChillActivityBundle/migrations/Version20210401090853.php
+++ b/src/Bundle/ChillActivityBundle/migrations/Version20210401090853.php
@@ -0,0 +1,36 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Chill\Migrations\Activity;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Auto-generated Migration: Please modify to your needs!
+ */
+final class Version20210401090853 extends AbstractMigration
+{
+    public function getDescription() : string
+    {
+        return '';
+    }
+
+    public function up(Schema $schema) : void
+    {
+        // this up() migration is auto-generated, please modify it to your needs
+        $this->addSql('CREATE SEQUENCE activitytypecategory_id_seq INCREMENT BY 1 MINVALUE 1 START 1000');
+        $this->addSql('CREATE TABLE activitytypecategory (id INT NOT NULL, name JSON NOT NULL, active BOOLEAN NOT NULL, PRIMARY KEY(id))');
+        $this->addSql('COMMENT ON COLUMN activitytypecategory.name IS \'(DC2Type:json_array)\'');
+        $this->addSql('INSERT INTO activitytypecategory VALUES(1, \'{"fr": "Défaut", "en": "Default"}\', true)');
+
+    }
+
+    public function down(Schema $schema) : void
+    {
+        // this down() migration is auto-generated, please modify it to your needs
+        $this->addSql('DROP SEQUENCE activitytypecategory_id_seq CASCADE');
+        $this->addSql('DROP TABLE activitytypecategory');
+    }
+}
--- a/src/Bundle/ChillActivityBundle/migrations/Version20210408122329.php
+++ b/src/Bundle/ChillActivityBundle/migrations/Version20210408122329.php
@@ -0,0 +1,93 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Chill\Migrations\Activity;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Auto-generated Migration: Please modify to your needs!
+ */
+final class Version20210408122329 extends AbstractMigration
+{
+    public function getDescription() : string
+    {
+        return '';
+    }
+
+    public function up(Schema $schema) : void
+    {
+        $this->addSql('ALTER TABLE activitytype ADD personVisible SMALLINT DEFAULT 2 NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD personLabel VARCHAR(255) DEFAULT \'\' NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD userVisible SMALLINT DEFAULT 2 NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD userLabel VARCHAR(255) DEFAULT \'\' NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD dateVisible SMALLINT DEFAULT 2 NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD dateLabel VARCHAR(255) DEFAULT \'\' NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD placeVisible SMALLINT DEFAULT 1 NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD placeLabel VARCHAR(255) DEFAULT \'\' NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD personsVisible SMALLINT DEFAULT 1 NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD personsLabel VARCHAR(255) DEFAULT \'\' NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD thirdpartyVisible SMALLINT DEFAULT 1 NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD thirdpartyLabel VARCHAR(255) DEFAULT \'\' NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD durationTimeVisible SMALLINT DEFAULT 1 NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD durationTimeLabel VARCHAR(255) DEFAULT \'\' NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD attendeeVisible SMALLINT DEFAULT 1 NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD attendeeLabel VARCHAR(255) DEFAULT \'\' NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD reasonsVisible SMALLINT DEFAULT 1 NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD reasonsLabel VARCHAR(255) DEFAULT \'\' NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD commentVisible SMALLINT DEFAULT 1 NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD commentLabel VARCHAR(255) DEFAULT \'\' NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD sentReceivedVisible SMALLINT DEFAULT 1 NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD sentReceivedLabel VARCHAR(255) DEFAULT \'\' NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD documentVisible SMALLINT DEFAULT 1 NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD documentLabel VARCHAR(255) DEFAULT \'\' NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD emergencyVisible SMALLINT DEFAULT 1 NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD emergencyLabel VARCHAR(255) DEFAULT \'\' NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD accompanyingPeriodVisible SMALLINT DEFAULT 1 NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD accompanyingPeriodLabel VARCHAR(255) DEFAULT \'\' NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD socialDataVisible SMALLINT DEFAULT 1 NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD socialDataLabel VARCHAR(255) DEFAULT \'\' NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ALTER name SET NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ALTER active DROP DEFAULT');
+        $this->addSql('COMMENT ON COLUMN activitytype.name IS \'(DC2Type:json_array)\'');
+    }
+
+    public function down(Schema $schema) : void
+    {
+        $this->addSql('ALTER TABLE activitytype DROP personVisible');
+        $this->addSql('ALTER TABLE activitytype DROP personLabel');
+        $this->addSql('ALTER TABLE activitytype DROP userVisible');
+        $this->addSql('ALTER TABLE activitytype DROP userLabel');
+        $this->addSql('ALTER TABLE activitytype DROP dateVisible');
+        $this->addSql('ALTER TABLE activitytype DROP dateLabel');
+        $this->addSql('ALTER TABLE activitytype DROP placeVisible');
+        $this->addSql('ALTER TABLE activitytype DROP placeLabel');
+        $this->addSql('ALTER TABLE activitytype DROP personsVisible');
+        $this->addSql('ALTER TABLE activitytype DROP personsLabel');
+        $this->addSql('ALTER TABLE activitytype DROP thirdpartyVisible');
+        $this->addSql('ALTER TABLE activitytype DROP thirdpartyLabel');
+        $this->addSql('ALTER TABLE activitytype DROP durationTimeVisible');
+        $this->addSql('ALTER TABLE activitytype DROP durationTimeLabel');
+        $this->addSql('ALTER TABLE activitytype DROP attendeeVisible');
+        $this->addSql('ALTER TABLE activitytype DROP attendeeLabel');
+        $this->addSql('ALTER TABLE activitytype DROP reasonsVisible');
+        $this->addSql('ALTER TABLE activitytype DROP reasonsLabel');
+        $this->addSql('ALTER TABLE activitytype DROP commentVisible');
+        $this->addSql('ALTER TABLE activitytype DROP commentLabel');
+        $this->addSql('ALTER TABLE activitytype DROP sentReceivedVisible');
+        $this->addSql('ALTER TABLE activitytype DROP sentReceivedLabel');
+        $this->addSql('ALTER TABLE activitytype DROP documentVisible');
+        $this->addSql('ALTER TABLE activitytype DROP documentLabel');
+        $this->addSql('ALTER TABLE activitytype DROP emergencyVisible');
+        $this->addSql('ALTER TABLE activitytype DROP emergencyLabel');
+        $this->addSql('ALTER TABLE activitytype DROP accompanyingPeriodVisible');
+        $this->addSql('ALTER TABLE activitytype DROP accompanyingPeriodLabel');
+        $this->addSql('ALTER TABLE activitytype DROP socialDataVisible');
+        $this->addSql('ALTER TABLE activitytype DROP socialDataLabel');
+        $this->addSql('ALTER TABLE activitytype ALTER name DROP NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ALTER active SET DEFAULT \'true\'');
+        $this->addSql('COMMENT ON COLUMN activitytype.name IS NULL');
+    }
+}
--- a/src/Bundle/ChillActivityBundle/migrations/Version20210415113216.php
+++ b/src/Bundle/ChillActivityBundle/migrations/Version20210415113216.php
@@ -0,0 +1,43 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Chill\Migrations\Activity;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Auto-generated Migration: Please modify to your needs!
+ */
+final class Version20210415113216 extends AbstractMigration
+{
+    public function getDescription() : string
+    {
+        return '';
+    }
+
+    public function up(Schema $schema) : void
+    {
+        $this->addSql('ALTER TABLE activitytype ADD thirdPartiesVisible SMALLINT DEFAULT 1 NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD thirdPartiesLabel VARCHAR(255) DEFAULT \'\' NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD documentsVisible SMALLINT DEFAULT 1 NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD documentsLabel VARCHAR(255) DEFAULT \'\' NOT NULL');
+        $this->addSql('ALTER TABLE activitytype DROP thirdpartyvisible');
+        $this->addSql('ALTER TABLE activitytype DROP thirdpartylabel');
+        $this->addSql('ALTER TABLE activitytype DROP documentvisible');
+        $this->addSql('ALTER TABLE activitytype DROP documentlabel');
+    }
+
+    public function down(Schema $schema) : void
+    {
+        $this->addSql('ALTER TABLE activitytype ADD thirdpartyvisible SMALLINT DEFAULT 1 NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD thirdpartylabel VARCHAR(255) DEFAULT \'\' NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD documentvisible SMALLINT DEFAULT 1 NOT NULL');
+        $this->addSql('ALTER TABLE activitytype ADD documentlabel VARCHAR(255) DEFAULT \'\' NOT NULL');
+        $this->addSql('ALTER TABLE activitytype DROP thirdPartiesVisible');
+        $this->addSql('ALTER TABLE activitytype DROP thirdPartiesLabel');
+        $this->addSql('ALTER TABLE activitytype DROP documentsVisible');
+        $this->addSql('ALTER TABLE activitytype DROP documentsLabel');
+    }
+}
--- a/Show More
+++ b/Show More