Split correlated and related tickets (#542)

Co-authored-by: Jonas Plum <git@jonasplum.de>

ui/src/client/api.ts

@@ -2024,6 +2024,12 @@ export interface TicketWithTickets {
      * @memberof TicketWithTickets
      */
     'comments'?: Array<Comment>;
+    /**
+     * 
+     * @type {Array<TicketSimpleResponse>}
+     * @memberof TicketWithTickets
+     */
+    'correlated_tickets'?: Array<TicketSimpleResponse>;
     /**
      * 
      * @type {string}

ui/src/components/TicketList.vue

@@ -93,7 +93,7 @@
       <template v-slot:item="{ item }">
         <tr @click="open(item)">
           <td colspan="5" class="pa-0">
-            <v-list-item :to="{ name: 'Ticket', params: { type: item.type, id: item.id } }" class="pa-0" style="background: none">
+            <v-list-item class="pa-0" style="background: none">
               <ticketSnippet :ticket="item"></ticketSnippet>
             </v-list-item>
           </td>

ui/src/views/Ticket.vue

@@ -715,6 +715,19 @@
               "
             ></TicketSnippet>
           </v-list>
+          <div
+              v-if="ticket.correlated_tickets && ticket.correlated_tickets.length"
+              style="display: flex; align-items: center" class="py-1" >
+            <span class="text--disabled">Correlated Tickets</span>
+          </div>
+          <v-list dense v-if="ticket.correlated_tickets && ticket.correlated_tickets.length">
+            <TicketSnippet
+                v-for="relatedTicket in ticket.correlated_tickets"
+                :key="relatedTicket.id"
+                :to="{ name: 'Ticket', params: { id: relatedTicket.id } }"
+                :ticket="relatedTicket"
+            ></TicketSnippet>
+          </v-list>
           <v-dialog v-model="relatedDialog" max-width="800px">
             <v-card>
               <v-card-title>