Move package "de.grimsi.gameyfin" to "org.gameyfin"

2026-06-15 08:15:37 +00:00 · 2025-06-14 19:23:12 +02:00
parent be0ba28c54
commit d3d46b6b01
328 changed files with 710 additions and 678 deletions
@@ -0,0 +1,129 @@
+import React, {useEffect, useState} from "react";
+import withConfigPage from "Frontend/components/administration/withConfigPage";
+import ConfigFormField from "Frontend/components/administration/ConfigFormField";
+import Section from "Frontend/components/general/Section";
+import {addToast, Button, Card, Tooltip, useDisclosure} from "@heroui/react";
+import {MessageEndpoint, MessageTemplateEndpoint} from "Frontend/generated/endpoints";
+import {PaperPlaneRight, Pencil} from "@phosphor-icons/react";
+import MessageTemplateDto from "Frontend/generated/org/gameyfin/app/messages/templates/MessageTemplateDto";
+import SendTestNotificationModal from "Frontend/components/administration/messages/SendTestNotificationModal";
+import EditTemplateModal from "Frontend/components/administration/messages/EditTemplateModel";
+
+function MessageManagementLayout({getConfig, formik}: any) {
+
+    const editorModal = useDisclosure();
+    const testNotificationModal = useDisclosure();
+    const [availableTemplates, setAvailableTemplates] = useState<MessageTemplateDto[]>([]);
+    const [selectedTemplate, setSelectedTemplate] = useState<MessageTemplateDto>();
+
+    useEffect(() => {
+        MessageTemplateEndpoint.getAll().then((response: any) => {
+            setAvailableTemplates(response as MessageTemplateDto[]);
+        });
+    }, []);
+
+    async function verifyCredentials(provider: string) {
+        const credentials: Record<string, any> = {
+            host: formik.values.messages.providers.email.host,
+            port: formik.values.messages.providers.email.port,
+            username: formik.values.messages.providers.email.username,
+            password: formik.values.messages.providers.email.password
+        }
+
+        const areCredentialsValid = await MessageEndpoint.verifyCredentials(provider, credentials);
+
+        if (areCredentialsValid) {
+            addToast({
+                title: "Credentials are valid",
+                color: "success"
+            });
+        } else {
+            addToast({
+                title: "Credentials are invalid",
+                color: "warning"
+            });
+        }
+    }
+
+    async function openEditor(template: MessageTemplateDto) {
+        setSelectedTemplate(template);
+        editorModal.onOpen();
+    }
+
+    function openTestNotification(template: MessageTemplateDto) {
+        setSelectedTemplate(template);
+        testNotificationModal.onOpen();
+    }
+
+    return (
+        <div className="flex flex-col">
+            <div className="flex flex-row">
+                <div className="flex flex-col flex-1">
+                    <div className="flex flex-row gap-8">
+                        <div className="flex flex-col flex-1 h-fit">
+                            <Section title="E-Mail"/>
+                            <ConfigFormField configElement={getConfig("messages.providers.email.enabled")}
+                                             className="mb-2"/>
+                            <ConfigFormField configElement={getConfig("messages.providers.email.host")}
+                                             isDisabled={!formik.values.messages.providers.email.enabled}/>
+                            <ConfigFormField configElement={getConfig("messages.providers.email.port")}
+                                             isDisabled={!formik.values.messages.providers.email.enabled}/>
+                            <ConfigFormField configElement={getConfig("messages.providers.email.username")}
+                                             isDisabled={!formik.values.messages.providers.email.enabled}/>
+                            <ConfigFormField configElement={getConfig("messages.providers.email.password")}
+                                             type="password"
+                                             isDisabled={!formik.values.messages.providers.email.enabled}/>
+                            <Button onPress={() => verifyCredentials("email")}
+                                    isDisabled={!(
+                                        formik.values.messages.providers.email.enabled &&
+                                        formik.values.messages.providers.email.host &&
+                                        formik.values.messages.providers.email.port &&
+                                        formik.values.messages.providers.email.username)}>Test</Button>
+                        </div>
+                        <div className="flex flex-col flex-1 h-fit">
+                            <Section title="Message Templates"/>
+                            <div className="flex flex-col gap-4">
+                                {availableTemplates.map((template: MessageTemplateDto) =>
+                                    <Card className="flex flex-row items-center gap-2 p-4" key={template.key}>
+                                        <Tooltip content="Edit template">
+                                            <Button isIconOnly
+                                                    size="sm"
+                                                    onPress={() => openEditor(template)}
+                                            >
+                                                <Pencil/>
+                                            </Button>
+                                        </Tooltip>
+                                        <Tooltip content="Send test notification">
+                                            <Button isIconOnly
+                                                    size="sm"
+                                                    onPress={() => openTestNotification(template)}
+                                                    isDisabled={!formik.values.messages.providers.email.enabled}
+                                            >
+                                                <PaperPlaneRight/>
+                                            </Button>
+                                        </Tooltip>
+                                        <p className="text-lg">{template.description}</p>
+                                    </Card>
+                                )}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <EditTemplateModal
+                isOpen={editorModal.isOpen}
+                onOpenChange={editorModal.onOpenChange}
+                selectedTemplate={selectedTemplate!!}
+            />
+
+            <SendTestNotificationModal
+                isOpen={testNotificationModal.isOpen}
+                onOpenChange={testNotificationModal.onOpenChange}
+                selectedTemplate={selectedTemplate!!}
+            />
+        </div>
+    );
+}
+
+export const MessageManagement = withConfigPage(MessageManagementLayout, "Messages", "messages");