From 1885898f522f24b0ed21a7768aa85f032edb5a39 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Mon, 22 Jul 2024 17:21:33 +0200
Subject: [PATCH] Create MetaData page

---
 .../LicenseDialog/pages/MetaData/MetaData.jsx | 77 +++++++++++++++++++
 .../LicenseDialog/pages/MetaData/index.js     |  1 +
 2 files changed, 78 insertions(+)
 create mode 100644 dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/pages/MetaData/MetaData.jsx
 create mode 100644 dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/pages/MetaData/index.js

diff --git a/dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/pages/MetaData/MetaData.jsx b/dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/pages/MetaData/MetaData.jsx
new file mode 100644
index 0000000..73b18e4
--- /dev/null
+++ b/dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/pages/MetaData/MetaData.jsx
@@ -0,0 +1,77 @@
+import {
+    CircularProgress,
+    Stack, TextField, Switch,
+    Typography
+} from "@mui/material";
+import {getRequest} from "@/common/utils/RequestUtil.js";
+import {useContext, useEffect, useState} from "react";
+import {ProjectContext} from "@/states/Dashboard/contexts/Project";
+import {Group, LooksOneRounded, TextFields, ToggleOn} from "@mui/icons-material";
+
+export const MetaData = ({metaData, setMetaData}) => {
+    const {currentProject} = useContext(ProjectContext);
+
+    const [loading, setLoading] = useState(true);
+
+    const [onlineMeta, setOnlineMeta] = useState([]);
+
+    const updateLocal = (name, value) => {
+        setMetaData({...metaData, [name]: value});
+    }
+
+    useEffect(() => {
+        const fetchGroups = async () => {
+            try {
+                const data = await getRequest(`/meta/${currentProject.id}/list`);
+
+                if (!data) return;
+
+                setOnlineMeta(data);
+
+                if (metaData === null || Object.keys(metaData).length === 0) {
+                    setMetaData(data.reduce((acc, meta) => {
+                        acc[meta.name] = meta.defaultValue;
+                        return acc;
+                    }, {}));
+                }
+
+                setLoading(false);
+            } catch (e) {
+                console.error(e);
+            }
+        }
+
+        fetchGroups();
+    }, []);
+
+    return (
+        <Stack maxHeight={400} sx={{overflowY: 'auto'}}>
+            {onlineMeta.map((meta, index) => (
+                <Stack key={index} direction="row" alignItems="center" justifyContent="space-between" gap={5}
+                       sx={{borderBottom: 1, borderColor: 'divider', py: 1}}>
+                    <Stack direction="row" gap={1} alignItems="center">
+                        {meta.type === "BOOLEAN" && <ToggleOn sx={{color: 'text.secondary'}}/>}
+                        {meta.type === "TEXT" && <TextFields sx={{color: 'text.secondary'}}/>}
+                        {meta.type === "NUMBER" && <LooksOneRounded sx={{color: 'text.secondary'}}/>}
+                        <Typography variant="h6">{meta.name}</Typography>
+                    </Stack>
+
+                    {meta.type === "BOOLEAN" && <Switch checked={metaData[meta.name] === "true"}
+                                                        onChange={(e) => updateLocal(meta.name, String(e.target.checked))}/>}
+
+                    {meta.type === "NUMBER" && <TextField size="small" value={metaData[meta.name] || ""}
+                                 placeholder={meta.description} type="number"
+                                                          onChange={(e) => updateLocal(meta.name, e.target.value)}/>}
+
+                    {meta.type === "TEXT" && <TextField size="small" value={metaData[meta.name] || ""}
+                               placeholder={meta.description}
+                                                        onChange={(e) => updateLocal(meta.name, e.target.value)}/>}
+                </Stack>
+            ))}
+
+            {loading && <Stack justifyContent="center" alignItems="center" sx={{mt: 2}}>
+                <CircularProgress/>
+            </Stack>}
+        </Stack>
+    )
+}
\ No newline at end of file
diff --git a/dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/pages/MetaData/index.js b/dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/pages/MetaData/index.js
new file mode 100644
index 0000000..bebf433
--- /dev/null
+++ b/dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/pages/MetaData/index.js
@@ -0,0 +1 @@
+export {MetaData as default} from "./MetaData.jsx";
\ No newline at end of file