Remove "remove_addressee" history line

src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/components/ActionToolbarComponent.vue

@@ -148,7 +148,9 @@ export default defineComponent({
                 : ({} as Motive)
         );
         const content = ref("" as Comment["content"]);
-        const addressees = ref([] as Array<UserGroupOrUser>);
+        const addressees = ref(
+            ticket.value.currentAddressees as Array<UserGroupOrUser>
+        );
 
         async function submitAction() {
             try {

src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/components/AddCommentComponent.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script lang="ts">
-import { PropType, defineComponent, ref, watch } from "vue";
+import { defineComponent, ref, watch } from "vue";
 
 import CKEditor from "@ckeditor/ckeditor5-vue";
 import ClassicEditor from "../../../../../../../ChillMainBundle/Resources/public/module/ckeditor5";

src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/components/AddresseeSelectorComponent.vue

@@ -1,20 +1,7 @@
 <template>
     <div class="row">
-        <div class="col-12 col-lg-6 col-md-6 mb-2 text-center">
+        <div class="col-12 col-lg-6 col-md-6 text-center">
-            <span class="m-1">
+            <div class="mb-2">
-                <input
-                    type="radio"
-                    class="btn-check"
-                    name="options-outlined"
-                    id="level-none"
-                    autocomplete="off"
-                    :value="{}"
-                    v-model="userGroupLevel"
-                />
-                <label :class="`btn btn-outline-primary`" for="level-none">
-                    Aucun
-                </label>
-            </span>
                 <span
                     v-for="userGroupItem in userGroups.filter(
                         (userGroup) => userGroup.excludeKey == 'level'
@@ -30,6 +17,13 @@
                         autocomplete="off"
                         :value="userGroupItem"
                         v-model="userGroupLevel"
+                        @click="
+                            Object.values(userGroupLevel).includes(
+                                userGroupItem.id
+                            )
+                                ? (userGroupLevel = {})
+                                : (userGroupLevel = userGroupItem)
+                        "
                     />
                     <label
                         :class="`btn btn-${userGroupItem.id}`"
@@ -40,7 +34,7 @@
                     </label>
                 </span>
             </div>
-        <div class="col-12 col-lg-6 col-md-6 mb-2 text-center">
+            <div class="mb-2">
                 <span
                     v-for="userGroupItem in userGroups.filter(
                         (userGroup) => userGroup.excludeKey == ''
@@ -66,8 +60,9 @@
                     </label>
                 </span>
             </div>
+        </div>
 
-        <div class="col-12 col-lg-6 col-md-6 mb-2 text-center">
+        <div class="col-12 col-lg-6 col-md-6 mb-2 mb-2 text-center">
             <add-persons
                 :options="addPersonsOptions"
                 key="add-person-ticket"
@@ -76,13 +71,13 @@
                 ref="addPersons"
                 @addNewPersons="addNewEntity"
             />
-        </div>
+            <div class="mb-2">
-        <div class="col-12 col-lg-6 col-md-6 mb-2 mb-2 text-center">
                 <span class="badge text-bg-light m-1" v-for="user in users">
                     {{ user.username }}
                 </span>
             </div>
         </div>
+    </div>
 </template>
 
 <script lang="ts">
@@ -122,12 +117,26 @@ export default defineComponent({
     emits: ["update:modelValue"],
 
     setup(props, ctx) {
-        // Cant use UserGroupOrUser[] because of TS2367
+        const addressees = ref(props.modelValue as UserGroupOrUser[]);
-        // TS2367: This comparison appears to be unintentional because the types '"user" | "chill_main_user_group"' and '"user_group"' have no overlap.
+        const userGroups = props.modelValue.filter(
-        const addressees = ref(props.modelValue as any[]);
+            (addressee) => addressee.type == "user_group"
-        const userGroupLevel = ref({} as UserGroupOrUser);
+        ) as UserGroup[];
-        const userGroup = ref([] as UserGroupOrUser[]);
+
-        const users = ref([] as User[]);
+        const userGroupLevel = ref(
+            userGroups.filter(
+                (userGroup) => userGroup.excludeKey == "level"
+            )[0] as UserGroup | {}
+        );
+        const userGroup = ref(
+            userGroups.filter((userGroup) => userGroup.excludeKey == "") as
+                | UserGroup[]
+                | []
+        );
+        const users = ref(
+            props.modelValue.filter((addressee) => addressee.type == "user") as
+                | User[]
+                | []
+        );
         const addPersons = ref();
 
         const { t } = useI18n();
@@ -167,16 +176,19 @@ export default defineComponent({
         watch(userGroupLevel, (userGroupLevelAdd, userGroupLevelRem) => {
             if (userGroupLevelRem) {
                 addressees.value.splice(
-                    addressees.value.indexOf(userGroupLevelRem),
+                    addressees.value.indexOf(userGroupLevelRem as UserGroup),
                     1
                 );
             }
-            addressees.value.push(userGroupLevelAdd);
+            addressees.value.push(userGroupLevelAdd as UserGroup);
             ctx.emit("update:modelValue", addressees.value);
         });
 
         watch(userGroup, (userGroupAdd) => {
-            addressees.value = addressees.value.filter(
+            const userGroups = addressees.value.filter(
+                (addressee) => addressee.type === "user_group"
+            ) as UserGroup[];
+            addressees.value = userGroups.filter(
                 (addressee) => addressee.excludeKey !== ""
             );
             addressees.value = [...addressees.value, ...userGroupAdd];

src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/components/TicketHistoryAddresseeComponent.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="col-12">
-        <i class="fa fa-paper-plane" v-if="event_type === 'add_addressee'"></i>
+        <i class="fa fa-paper-plane"></i>
-        <i class="fa fa-paper-plane-o" v-else></i>
+
         <span class="mx-1" v-if="addressee.type == 'user_group'">
             {{
                 $t(`history.${event_type}_user_group`, {

src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/components/TicketHistoryListComponent.vue

@@ -42,7 +42,10 @@
                 v-for="addressee in history_line"
                 :key="history_line.indexOf(addressee)"
             >
-                <ticket-history-addressee-component :addresseeHistory="addressee.data" :event_type="addressee.event_type"/>
+                <ticket-history-addressee-component
+                    :addresseeHistory="addressee.data"
+                    :event_type="addressee.event_type"
+                />
             </div>
         </template>
     </div>

src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/store/modules/ticket.ts

@@ -16,28 +16,36 @@ export const moduleTicket: Module<State, RootState> ={
             return state.ticket;
         },
         getDistinctAddressesHistory(state) {
-            const addresseeHistory = state.ticket.history.reduce((result, item) => {
+            const addresseeHistory = state.ticket.history.reduce(
+                (result, item) => {
                     const { datetime } = item.at;
-                if (!["add_addressee","remove_addressee"].includes(item.event_type)) {
+                    if (
-                    result[datetime] = item
+                        !["add_addressee", "remove_addressee"].includes(
+                            item.event_type
+                        )
+                    ) {
+                        result[datetime] = item;
                         return result;
                     }
 
                     if (!result[datetime]) {
                         result[datetime] = [];
                     }
-                result[datetime].push(item);
-                return result;
-            }, {} as any);
-            return Object.values(addresseeHistory) as Array<Ticket["history"]>;
-        }
 
+                    if (item.event_type === "add_addressee") {
+                        result[datetime].push(item);
+                    }
+                    return result;
+                },
+                {} as any
+            );
+            return Object.values(addresseeHistory) as Array<Ticket["history"]>;
+        },
     },
     mutations: {
         setTicket(state, ticket) {
             state.ticket = ticket;
-        }
         },
-    actions: {
     },
+    actions: {},
 };