Merge branch '149-150-events-improve' into 'master'

Modernisation fonctionnement module Evénement

Closes #149, #150, and #225

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

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

@@ -24,7 +24,10 @@ function loadDynamicPicker(element) {
                     (input.value === '[]' || input.value === '') ?
                         null : [ JSON.parse(input.value) ]
                 )
-            suggested = JSON.parse(el.dataset.suggested)
+            suggested = JSON.parse(el.dataset.suggested),
+            as_id = parseInt(el.dataset.asId) === 1,
+            submit_on_adding_new_entity = parseInt(el.dataset.submitOnAddingNewEntity) === 1
+            label = el.dataset.label;
 
         if (!isMultiple) {
             if (input.value === '[]'){
@@ -39,6 +42,7 @@ function loadDynamicPicker(element) {
                 ':picked="picked" ' +
                 ':uniqid="uniqid" ' +
                 ':suggested="notPickedSuggested" ' +
+                ':label="label" ' +
                 '@addNewEntity="addNewEntity" ' +
                 '@removeEntity="removeEntity"></pick-entity>',
             components: {
@@ -50,7 +54,10 @@ function loadDynamicPicker(element) {
                     types: JSON.parse(el.dataset.types),
                     picked: picked === null ? [] : picked,
                     uniqid: el.dataset.uniqid,
-                    suggested: suggested
+                    suggested,
+                    as_id,
+                    submit_on_adding_new_entity,
+                    label,
                 }
             },
             computed: {
@@ -69,7 +76,12 @@ function loadDynamicPicker(element) {
                             return el.type === entity.type && el.id === entity.id;
                         })) {
                             this.picked.push(entity);
-                            input.value = JSON.stringify(this.picked);
+                            if (!as_id) {
+                              input.value = JSON.stringify(this.picked);
+                            } else {
+                              const ids = this.picked.map(el => el.id);
+                              input.value = ids.join(',');
+                            }
                             console.log(entity)
                         }
                     } else {
@@ -78,9 +90,17 @@ function loadDynamicPicker(element) {
                         })) {
                             this.picked.splice(0, this.picked.length);
                             this.picked.push(entity);
-                            input.value = JSON.stringify(this.picked[0]);
+                            if (!as_id) {
+                              input.value = JSON.stringify(this.picked[0]);
+                            } else {
+                              input.value = this.picked.map(el => el.id);
+                            }
                         }
                     }
+
+                    if (this.submit_on_adding_new_entity) {
+                        input.form.submit();
+                    }
                 },
                 removeEntity({entity}) {
                     if (-1 === this.suggested.findIndex(e => e.type === entity.type && e.id === entity.id)) {

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

@@ -56,6 +56,10 @@ export default {
         suggested: {
           type: Array,
           default: []
+        },
+        label: {
+            type: String,
+            required: false,
         }
     },
     emits: ['addNewEntity', 'removeEntity'],
@@ -80,6 +84,10 @@ export default {
           };
       },
       translatedListOfTypes() {
+          if (this.label !== '') {
+              return this.label;
+          }
+
           let trans = [];
           this.types.forEach(t => {
               if (this.$props.multiple) {