@vonaffenfels/contentful-teasermanager 1.2.17 → 1.2.19

package/src/components/Contentful/EntryEditor.js

@@ -1,196 +1,196 @@
-import React, {
-    useEffect, useState,
-} from 'react';
-import {Teasermanager} from "../Teasermanager";
-import {NoAccess} from "../NoAccess";
-
-const Entry = ({sdk}) => {
-    const contentField = sdk.parameters.instance.contentField;
-    const [locale, setLocale] = useState(sdk.locales.default);
-    const [portal, setPortal] = useState();
-    const portalField = sdk?.entry?.fields?.portal;
-    const enabled = !sdk?.parameters?.installation?.usersWithAccess?.[portal] || sdk?.parameters?.installation?.usersWithAccess?.[portal]?.includes(sdk?.user?.email);
-
-    portalField?.onValueChanged(() => {
-        if (portalField.getValue() !== portal) {
-            setPortal(portalField.getValue());
-        }
-    });
-
-    useEffect(() => {
-        const detachHandler = sdk.editor.onLocaleSettingsChanged((loc) => {
-            setLocale(loc?.focused || sdk.locales.default);
-        });
-
-        return () => {
-            detachHandler();
-        };
-    }, []);
-
-    const onSlotClick = (slotId, currentDate) => {
-        return sdk.dialogs.openCurrentApp({
-            title: "Artikel wählen",
-            width: "fullWidth",
-            position: "top",
-            allowHeightOverflow: true,
-            minHeight: "500px",
-            shouldCloseOnOverlayClick: true,
-            shouldCloseOnEscapePress: true,
-            parameters: {
-                portal,
-                date: currentDate,
-                slotId: slotId,
-                entryId: sdk.entry.getSys().id,
-            },
-        }).then(async ({
-            entry,
-            isLogicResponse,
-        } = {}) => {
-            if (!entry || isLogicResponse) {
-                return;
-            }
-
-            console.log(`Selected entry ${entry.sys.id} for page ${sdk.entry.getSys().id} with portal ${portal} for slot ${slotId} and date ${currentDate}`);
-
-            const {apiRoot} = sdk.parameters.instance;
-            try {
-                const response = await fetch(`${apiRoot}/api/saveStateForSlot`, {
-                    method: "POST",
-                    body: JSON.stringify({
-                        "project": portal,
-                        "slot": slotId,
-                        "page": sdk.entry.getSys().id,
-                        "entry": entry.sys.id,
-                        "date": currentDate,
-                    }),
-                });
-                return entry;
-            } catch (e) {
-                console.error(e);
-                alert("Fehler beim speichern!");
-            }
-        });
-    };
-
-    const onSlotClickLogic = (slotId, currentDate) => {
-        const entryId = sdk.entry.getSys().id;
-        return sdk.dialogs.openCurrentApp({
-            title: "Positionslogik bearbeiten",
-            width: "fullWidth",
-            position: "top",
-            allowHeightOverflow: true,
-            minHeight: "500px",
-            shouldCloseOnOverlayClick: true,
-            shouldCloseOnEscapePress: true,
-            parameters: {
-                portal,
-                slotId: slotId,
-                entryId: entryId,
-                isLogicEditor: true,
-                date: currentDate,
-            },
-        }).then(async ({
-            data: {
-                timepoints,
-                tags,
-            } = {},
-            isArticleResponse,
-        } = {}) => {
-            if (!timepoints || !tags || isArticleResponse) {
-                return;
-            }
-
-            console.log(`Selected timepoints ${timepoints.map(v => `${v} Uhr`).join(", ")} and tags ${tags.map(v => `${v.label} (${v.id})`).join(", ")} for page ${entryId} with portal ${portal} for slot ${slotId}`);
-
-            const {apiRoot} = sdk.parameters.instance;
-            try {
-                await fetch(`${apiRoot}/api/saveLogicForSlot`, {
-                    method: "POST",
-                    body: JSON.stringify({
-                        "project": portal,
-                        "slot": slotId,
-                        "page": entryId,
-                        "timepoints": timepoints,
-                        "tags": tags,
-                    }),
-                });
-            } catch (e) {
-                console.error(e);
-                alert("Fehler beim speichern!");
-            }
-        });
-    };
-
-    const removeSlotData = async (slotId, currentDate) => {
-        console.log(`Removing slot data for page ${sdk.entry.getSys().id} with portal ${portal} for slot ${slotId} and date ${currentDate}`);
-
-        try {
-            const apiRoot = sdk.parameters.instance.apiRoot;
-            await fetch(`${apiRoot}/api/saveStateForSlot`, {
-                method: "POST",
-                body: JSON.stringify({
-                    "project": portal,
-                    "slot": slotId,
-                    "page": sdk.entry.getSys().id,
-                    "entry": "RESET",
-                    "date": currentDate,
-                }),
-            });
-        } catch (e) {
-            console.error(e);
-            alert("Fehler beim speichern!");
-        }
-    };
-
-    const loadSlotStateForPage = async (date) => {
-        try {
-            const apiRoot = sdk.parameters.instance.apiRoot;
-            const teasermanagerUrl = `${apiRoot}/api/findStateForPage?project=${portal}&page=${sdk.entry.getSys().id}&date=${date.toISOString()}`;
-            const response = await fetch(teasermanagerUrl).then(res => res.json());
-
-            if (response?.message) {
-                console.error(response.message);
-            }
-
-            return response || {
-                data: {},
-                logicData: {},
-            };
-        } catch (e) {
-            console.error(e);
-        }
-    };
-
-    const loadTimelineStateForPage = async (fromDate, toDate) => {
-        try {
-            const apiRoot = sdk.parameters.instance.apiRoot;
-            const teasermanagerUrl = `${apiRoot}/api/getTimelineStateForPage?project=${portal}&page=${sdk.entry.getSys().id}&fromDate=${fromDate}&toDate=${toDate}`;
-            const response = await fetch(teasermanagerUrl).then(res => res.json());
-
-            if (response?.message) {
-                console.error(response.message);
-            }
-
-            return response?.data || {};
-        } catch (e) {
-            console.error(e);
-        }
-    };
-
-    if (!enabled) {
-        return <NoAccess sdk={sdk} portal={portal}/>;
-    }
-
-    return <Teasermanager
-        entryId={sdk.entry.getSys().id}
-        locale={locale}
-        contentFieldName={contentField}
-        loadSlotStateForPage={loadSlotStateForPage}
-        removeSlotData={removeSlotData}
-        loadTimelineStateForPage={loadTimelineStateForPage}
-        onSlotClick={onSlotClick}
-        onSlotClickLogic={onSlotClickLogic}
-    />;
-};
-
-export default Entry;
+import React, {
+    useEffect, useState,
+} from 'react';
+import {Teasermanager} from "../Teasermanager";
+import {NoAccess} from "../NoAccess";
+
+const Entry = ({sdk}) => {
+    const contentField = sdk.parameters.instance.contentField;
+    const [locale, setLocale] = useState(sdk.locales.default);
+    const [portal, setPortal] = useState();
+    const portalField = sdk?.entry?.fields?.portal;
+    const enabled = !sdk?.parameters?.installation?.usersWithAccess?.[portal] || sdk?.parameters?.installation?.usersWithAccess?.[portal]?.includes(sdk?.user?.email);
+
+    portalField?.onValueChanged(() => {
+        if (portalField.getValue() !== portal) {
+            setPortal(portalField.getValue());
+        }
+    });
+
+    useEffect(() => {
+        const detachHandler = sdk.editor.onLocaleSettingsChanged((loc) => {
+            setLocale(loc?.focused || sdk.locales.default);
+        });
+
+        return () => {
+            detachHandler();
+        };
+    }, []);
+
+    const onSlotClick = (slotId, currentDate) => {
+        return sdk.dialogs.openCurrentApp({
+            title: "Artikel wählen",
+            width: "fullWidth",
+            position: "top",
+            allowHeightOverflow: true,
+            minHeight: "500px",
+            shouldCloseOnOverlayClick: true,
+            shouldCloseOnEscapePress: true,
+            parameters: {
+                portal,
+                date: currentDate,
+                slotId: slotId,
+                entryId: sdk.entry.getSys().id,
+            },
+        }).then(async ({
+            entry,
+            isLogicResponse,
+        } = {}) => {
+            if (!entry || isLogicResponse) {
+                return;
+            }
+
+            console.log(`Selected entry ${entry.sys.id} for page ${sdk.entry.getSys().id} with portal ${portal} for slot ${slotId} and date ${currentDate}`);
+
+            const {apiRoot} = sdk.parameters.instance;
+            try {
+                const response = await fetch(`${apiRoot}/api/saveStateForSlot`, {
+                    method: "POST",
+                    body: JSON.stringify({
+                        "project": portal,
+                        "slot": slotId,
+                        "page": sdk.entry.getSys().id,
+                        "entry": entry.sys.id,
+                        "date": currentDate,
+                    }),
+                });
+                return entry;
+            } catch (e) {
+                console.error(e);
+                alert("Fehler beim speichern!");
+            }
+        });
+    };
+
+    const onSlotClickLogic = (slotId, currentDate) => {
+        const entryId = sdk.entry.getSys().id;
+        return sdk.dialogs.openCurrentApp({
+            title: "Positionslogik bearbeiten",
+            width: "fullWidth",
+            position: "top",
+            allowHeightOverflow: true,
+            minHeight: "500px",
+            shouldCloseOnOverlayClick: true,
+            shouldCloseOnEscapePress: true,
+            parameters: {
+                portal,
+                slotId: slotId,
+                entryId: entryId,
+                isLogicEditor: true,
+                date: currentDate,
+            },
+        }).then(async ({
+            data: {
+                timepoints,
+                tags,
+            } = {},
+            isArticleResponse,
+        } = {}) => {
+            if (!timepoints || !tags || isArticleResponse) {
+                return;
+            }
+
+            console.log(`Selected timepoints ${timepoints.map(v => `${v} Uhr`).join(", ")} and tags ${tags.map(v => `${v.label} (${v.id})`).join(", ")} for page ${entryId} with portal ${portal} for slot ${slotId}`);
+
+            const {apiRoot} = sdk.parameters.instance;
+            try {
+                await fetch(`${apiRoot}/api/saveLogicForSlot`, {
+                    method: "POST",
+                    body: JSON.stringify({
+                        "project": portal,
+                        "slot": slotId,
+                        "page": entryId,
+                        "timepoints": timepoints,
+                        "tags": tags,
+                    }),
+                });
+            } catch (e) {
+                console.error(e);
+                alert("Fehler beim speichern!");
+            }
+        });
+    };
+
+    const removeSlotData = async (slotId, currentDate) => {
+        console.log(`Removing slot data for page ${sdk.entry.getSys().id} with portal ${portal} for slot ${slotId} and date ${currentDate}`);
+
+        try {
+            const apiRoot = sdk.parameters.instance.apiRoot;
+            await fetch(`${apiRoot}/api/saveStateForSlot`, {
+                method: "POST",
+                body: JSON.stringify({
+                    "project": portal,
+                    "slot": slotId,
+                    "page": sdk.entry.getSys().id,
+                    "entry": "RESET",
+                    "date": currentDate,
+                }),
+            });
+        } catch (e) {
+            console.error(e);
+            alert("Fehler beim speichern!");
+        }
+    };
+
+    const loadSlotStateForPage = async (date) => {
+        try {
+            const apiRoot = sdk.parameters.instance.apiRoot;
+            const teasermanagerUrl = `${apiRoot}/api/findStateForPage?project=${portal}&page=${sdk.entry.getSys().id}&date=${date.toISOString()}`;
+            const response = await fetch(teasermanagerUrl).then(res => res.json());
+
+            if (response?.message) {
+                console.error(response.message);
+            }
+
+            return response || {
+                data: {},
+                logicData: {},
+            };
+        } catch (e) {
+            console.error(e);
+        }
+    };
+
+    const loadTimelineStateForPage = async (fromDate, toDate) => {
+        try {
+            const apiRoot = sdk.parameters.instance.apiRoot;
+            const teasermanagerUrl = `${apiRoot}/api/getTimelineStateForPage?project=${portal}&page=${sdk.entry.getSys().id}&fromDate=${fromDate}&toDate=${toDate}`;
+            const response = await fetch(teasermanagerUrl).then(res => res.json());
+
+            if (response?.message) {
+                console.error(response.message);
+            }
+
+            return response?.data || {};
+        } catch (e) {
+            console.error(e);
+        }
+    };
+
+    if (!enabled) {
+        return <NoAccess sdk={sdk} portal={portal}/>;
+    }
+
+    return <Teasermanager
+        entryId={sdk.entry.getSys().id}
+        locale={locale}
+        contentFieldName={contentField}
+        loadSlotStateForPage={loadSlotStateForPage}
+        removeSlotData={removeSlotData}
+        loadTimelineStateForPage={loadTimelineStateForPage}
+        onSlotClick={onSlotClick}
+        onSlotClickLogic={onSlotClickLogic}
+    />;
+};
+
+export default Entry;

package/src/components/Contentful/Page.js

@@ -1,9 +1,9 @@
-import React from 'react';
-import {Teasermanager} from "../Teasermanager";
-import {NoAccess} from "../NoAccess";
-
-const Page = ({sdk}) => {
-    return <Teasermanager entryId={"4RvZ6fcUtBIgw2Hw5YILPs"} />;
-};
-
-export default Page;
+import React from 'react';
+import {Teasermanager} from "../Teasermanager";
+import {NoAccess} from "../NoAccess";
+
+const Page = ({sdk}) => {
+    return <Teasermanager entryId={"4RvZ6fcUtBIgw2Hw5YILPs"} />;
+};
+
+export default Page;

package/src/components/NoAccess.js

@@ -1,13 +1,13 @@
-import {
-    DisplayText, Flex, Paragraph,
-} from "@contentful/f36-components";
-
-export const NoAccess = ({sdk}) => {
-    return <Flex flexDirection="column" alignItems="center" paddingTop="spacing2Xl">
-        <DisplayText>
-            Kein Zugriff
-        </DisplayText>
-        <Paragraph>Bitte wenden Sie sich an einen Administrator wenn sie Zugriff benötigen</Paragraph>
-        <Paragraph>Angemeldeter Benutzer: {sdk?.user?.email}</Paragraph>
-    </Flex>;
+import {
+    DisplayText, Flex, Paragraph,
+} from "@contentful/f36-components";
+
+export const NoAccess = ({sdk}) => {
+    return <Flex flexDirection="column" alignItems="center" paddingTop="spacing2Xl">
+        <DisplayText>
+            Kein Zugriff
+        </DisplayText>
+        <Paragraph>Bitte wenden Sie sich an einen Administrator wenn sie Zugriff benötigen</Paragraph>
+        <Paragraph>Angemeldeter Benutzer: {sdk?.user?.email}</Paragraph>
+    </Flex>;
 };