opendesk

1<template>
2  <div class="flex gap-5 w-full">
3    <FormControl
4      type="combobox"
5      label="Default ticket status"
6      :options="openStatuses"
7      class="flex-1"
8      v-model="slaData.default_ticket_status"
9    />
10    <FormControl
11      type="combobox"
12      label="Ticket reopen status"
13      :options="openStatuses"
14      class="flex-1"
15      v-model="slaData.reopen_ticket_status"
16    />
17  </div>
18</template>
19
20<script setup lang="ts">
21import { computed, ComputedRef } from "vue";
22import { slaData } from "@/stores/sla";
23import { useTicketStatusStore } from "@/stores/ticketStatus";
24import { ODTicketStatus } from "@/types/doctypes";
25
26const { statuses } = useTicketStatusStore();
27
28const openStatuses: ComputedRef<ODTicketStatus[]> = computed(() => {
29  return (
30    statuses?.data
31      ?.filter((s: ODTicketStatus) => s.category === "Open")
32      ?.map((s: ODTicketStatus) => {
33        return {
34          label: s.label_agent,
35          value: s.label_agent,
36        };
37      }) || []
38  );
39});
40</script>
41