use pick dynamic user type for reassigning + layout stuffs

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

@@ -51,9 +51,7 @@ function loadDynamicPicker(element) {
             },
             methods: {
                 addNewEntity(entity) {
-                    console.log('addNewEntity', entity);
                     if (this.multiple) {
-                        console.log('adding multiple');
                         if (!this.picked.some(el => {
                             return el.type === entity.type && el.id === entity.id;
                         })) {
@@ -71,7 +69,6 @@ function loadDynamicPicker(element) {
                     }
                 },
                 removeEntity(entity) {
-                    console.log('removeEntity', entity);
                     this.picked = this.picked.filter(e => !(e.type === entity.type && e.id === entity.id));
                     input.value = JSON.stringify(this.picked);
                 },
@@ -86,7 +83,6 @@ function loadDynamicPicker(element) {
 
 
 document.addEventListener('show-hide-show', function(e) {
-    console.log('creation event caught')
     loadDynamicPicker(e.detail.container)
 })
 
@@ -94,17 +90,14 @@ document.addEventListener('show-hide-hide', function(e) {
     console.log('hiding event caught')
     e.detail.container.querySelectorAll('[data-module="pick-dynamic"]').forEach((el) => {
         let uniqId = el.dataset.uniqid;
-        console.log(uniqId);
         if (appsOnPage.has(uniqId)) {
             appsOnPage.get(uniqId).unmount();
-            console.log('App has been unmounted')
             appsOnPage.delete(uniqId);
         }
     })
 })
 
 document.addEventListener('DOMContentLoaded', function(e) {
-    console.log('loaded event', e)
     loadDynamicPicker(document)
 })
 

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

@@ -66,9 +66,18 @@ export default {
         translatedListOfTypes() {
             let trans = [];
             this.types.forEach(t => {
-                trans.push(appMessages.fr.pick_entity[t].toLowerCase());
+                if (this.$props.multiple) {
+                    trans.push(appMessages.fr.pick_entity[t].toLowerCase());
+                } else {
+                    trans.push(appMessages.fr.pick_entity[t + '_one'].toLowerCase());
+                }
             })
-            return appMessages.fr.pick_entity.modal_title + trans.join(', ');
+
+            if (this.$props.multiple) {
+                return appMessages.fr.pick_entity.modal_title + trans.join(', ');
+            } else {
+                return appMessages.fr.pick_entity.modal_title_one + trans.join(', ');
+            }
         }
     },
     methods: {
@@ -79,15 +88,10 @@ export default {
             );
             this.$refs.addPersons.resetSearch(); // to cast child method
             modal.showModal = false;
-            console.log(this.picked)
         },
         removeEntity(entity) {
-            console.log('remove entity', entity);
             this.$emit('removeEntity', entity);
         }
     },
-    mounted() {
-        console.log(this.picked);
-    }
 }
 </script>

src/Bundle/ChillMainBundle/Resources/public/vuejs/PickEntity/i18n.js

@@ -11,6 +11,10 @@ const appMessages = {
             user: 'Utilisateurs',
             person: 'Usagers',
             thirdparty: 'Tiers',
+            modal_title_one: 'Indiquer un ',
+            user_one: 'Utilisateur',
+            thirdparty_one: 'Tiers',
+            person_one: 'Usager',
         }
     }
 }

src/Bundle/ChillMainBundle/Resources/views/Form/fields.html.twig

@@ -217,6 +217,7 @@
 {% endblock %}
 
 {% block pick_entity_dynamic_widget %}
+    {{ form_help(form)}}
     <input type="hidden" {{ block('widget_attributes') }} {% if value is not empty %}value="{{ value }}" {% endif %} data-input-uniqid="{{ form.vars['uniqid'] }}"/>
     <div data-module="pick-dynamic" data-types="{{ form.vars['types']|json_encode }}" data-multiple="{{ form.vars['multiple'] }}" data-uniqid="{{ form.vars['uniqid'] }}"></div>
 {% endblock %}