diff --git a/src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/components/AddresseeSelectorComponent.vue b/src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/components/AddresseeSelectorComponent.vue
index 56388e41a..db763b4e9 100644
--- a/src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/components/AddresseeSelectorComponent.vue
+++ b/src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/components/AddresseeSelectorComponent.vue
@@ -71,10 +71,14 @@
ref="addPersons"
@addNewPersons="addNewEntity"
/>
-
-
- {{ user.username }}
-
+
+
+ -
+
+ {{ user.username }}
+
+
+
@@ -173,6 +177,14 @@ export default defineComponent({
};
});
+ function removeUser(user: User) {
+ users.value.splice(users.value.indexOf(user), 1);
+ addressees.value = addressees.value.filter(
+ (addressee) => addressee.id !== user.id
+ );
+ ctx.emit("update:modelValue", addressees.value);
+ }
+
watch(userGroupLevel, (userGroupLevelAdd, userGroupLevelRem) => {
if (userGroupLevelRem) {
addressees.value.splice(
@@ -203,6 +215,7 @@ export default defineComponent({
addPersons,
addPersonsOptions,
addNewEntity,
+ removeUser,
getUserGroupBtnColor,
customUserGroupLabel(selectedUserGroup: UserGroup) {
return selectedUserGroup.label