User Tickets

src/components/Tickets/TicketButton.svelte

@@ -0,0 +1,41 @@
+<script lang="ts">
+	import { dialogs } from "svelte-dialogs";
+	import TicketPopup from "./TicketPopup.svelte";
+	import { addNotification } from "@ibcornelsen/ui";
+
+	async function showTicketPopup() {
+		const success = await dialogs.modal(TicketPopup);
+
+		if (success) {
+			dialogs.alert({
+				title: "Ticket erstellt",
+				text: "Ihr Support Ticket wurde erfolgreich erstellt. Wir werden uns schnellstmöglich um ihre Angelegenheit kümmern. Vielen Dank für ihre Geduld.",
+				dismissButtonText: "Schließen",
+				dismissButtonClass: "btn btn-primary",
+				dialogClass: "modal-box",
+				headerClass: "bg-base-100 text-center",
+				titleClass: "text-base-content text-xl font-medium",
+				dividerClass: "hidden",
+				footerClass: "bg-base-100 justify-center gap-4 mt-4",
+			});
+		} else {
+			dialogs.alert({
+				title: "Ticket erstellen fehlgeschlagen",
+				text: "Leider ist beim erstellen des Tickets ein Fehler aufgetreten. Bitte versuchen sie es später erneut oder kontaktieren sie uns direkt per email unter info@ib-cornelsen.de.",
+				dismissButtonText: "Schließen",
+				dismissButtonClass: "btn btn-error",
+				dialogClass: "modal-box",
+				headerClass: "bg-base-100 text-center",
+				titleClass: "text-base-content text-xl font-medium",
+				dividerClass: "hidden",
+				footerClass: "bg-base-100 justify-center gap-4 mt-4",
+			});
+		}
+	}
+</script>
+
+<button
+	class="btn btn-primary fixed bottom-0 right-8 rounded-b-none rounded-t-xl w-48 h-12 text-xl hover:h-14 transition-all"
+	on:click={showTicketPopup}
+	>Support Ticket</button
+>