closeParticipation fetch DELETE request

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonItem.vue

@@ -22,16 +22,16 @@
                :title="$t('action.edit')">
             </a>
          </li>
-         <li>
+         <!--li>
             <button class="sc-button bt-delete"
                :title="$t('action.delete')" 
                @click.prevent="$emit('remove', participation)">
             </button>
-         </li>
+         </li-->
          <li>
             <button class="sc-button bt-remove"
                :title="$t('action.remove')" 
-               @click="closeParticipation">
+               @click.prevent="$emit('close', participation)">
             </button>
          </li>
       </ul>
@@ -51,11 +51,6 @@ export default {
          }
       }
    },
-   emits: ['remove'],
-   methods: {
-      closeParticiapation() {
-         
-      }
-   }
+   emits: ['remove', 'close']
 }
 </script>

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue

@@ -17,7 +17,8 @@
             v-for="participation in participations" 
             v-bind:participation="participation" 
             v-bind:key="participation.id" 
-            @remove="removeParticipation">
+            @remove="removeParticipation"
+            @close="closeParticipation">
          </person-item>
       </tbody>
    </table>
@@ -51,6 +52,10 @@ export default {
       removeParticipation(item) {
          this.$store.dispatch('removeParticipation', item)
       },
+      closeParticipation(item) {
+         console.log('@@ CLICK close participation: item', item);
+         this.$store.dispatch('closeParticipation', item)
+      },
       /*
       savePersons() {
          console.log('[wip] saving persons');