refactor: simplify ticket form and SLA configuration handling

- Removed SLA configuration selection from the TicketForm component to streamline the ticket creation process.
- Updated the abrir-chamado route to eliminate unnecessary SLA loading logic and directly pass loading state to the TicketForm.
- Enhanced the central-chamados route to support SLA configurations by priority, allowing for better management of SLA settings.
- Introduced new mutations for SLA configuration management, including creation, updating, and deletion of SLA settings.
- Improved email templates for ticket notifications, ensuring better communication with users regarding ticket status and updates.
This commit is contained in:
2025-11-16 15:41:16 -03:00
parent 24b8eb6a14
commit fb784d6f7e
6 changed files with 755 additions and 161 deletions

View File

@@ -1,28 +1,23 @@
<script lang="ts">
import type { Doc, Id } from "@sgse-app/backend/convex/_generated/dataModel";
import type { Doc } from "@sgse-app/backend/convex/_generated/dataModel";
import { createEventDispatcher } from "svelte";
type SlaConfig = Doc<"slaConfigs">;
interface FormValues {
titulo: string;
descricao: string;
tipo: Doc<"tickets">["tipo"];
prioridade: Doc<"tickets">["prioridade"];
categoria: string;
slaConfigId?: Id<"slaConfigs">;
canalOrigem?: string;
anexos: File[];
}
interface Props {
slaConfigs?: Array<SlaConfig>;
loading?: boolean;
}
const dispatch = createEventDispatcher<{ submit: { values: FormValues } }>();
const props = $props<Props>();
const slaConfigs = $derived<Array<SlaConfig>>(props.slaConfigs ?? []);
const loading = $derived(props.loading ?? false);
let titulo = $state("");
@@ -30,7 +25,6 @@ const loading = $derived(props.loading ?? false);
let tipo = $state<Doc<"tickets">["tipo"]>("chamado");
let prioridade = $state<Doc<"tickets">["prioridade"]>("media");
let categoria = $state("");
let slaConfigId = $state<Id<"slaConfigs"> | "">("");
let canalOrigem = $state("Portal SGSE");
let anexos = $state<Array<File>>([]);
let errors = $state<Record<string, string>>({});
@@ -67,10 +61,6 @@ let slaConfigId = $state<Id<"slaConfigs"> | "">("");
event.preventDefault();
if (!validate()) return;
const slaSelecionada =
(slaConfigId && slaConfigId !== "" ? (slaConfigId as Id<"slaConfigs">) : slaConfigs[0]?._id) ??
undefined;
dispatch("submit", {
values: {
titulo: titulo.trim(),
@@ -78,7 +68,6 @@ let slaConfigId = $state<Id<"slaConfigs"> | "">("");
tipo,
prioridade,
categoria: categoria.trim(),
slaConfigId: slaSelecionada,
canalOrigem,
anexos,
},
@@ -150,22 +139,6 @@ let slaConfigId = $state<Id<"slaConfigs"> | "">("");
<span class="text-error mt-1 text-sm">{errors.categoria}</span>
{/if}
</div>
<div class="form-control">
<label class="label">
<span class="label-text font-semibold">Configuração de SLA</span>
</label>
<select class="select select-bordered w-full" bind:value={slaConfigId}>
{#each slaConfigs as sla (sla._id)}
<option value={sla._id}>
{sla.nome} • Resp. {sla.tempoRespostaHoras}h • Conc.
{sla.tempoConclusaoHoras}h
</option>
{:else}
<option value="">Padrão (24h)</option>
{/each}
</select>
</div>
</section>
<section class="form-control">