Merge branch 'dev_demo' into debian12Demo

.gitmodules

@@ -1,3 +0,0 @@
-[submodule "no-as-a-service"]
-	path = no-as-a-service
-	url = https://github.com/hotheadhacker/no-as-a-service.git

FrontendV2/nginx.conf

@@ -14,7 +14,7 @@ server {
   }
 
   location /backend/ {
-    proxy_pass http://borrow_system-backend_v2:8004/;
+    proxy_pass http://demo_borrow_system-backend_v2:8102/;
   }
 
   location ~* \.(?:js|mjs|css|png|jpg|jpeg|gif|ico|svg|woff2?)$ {

FrontendV2/package.json

@@ -12,7 +12,6 @@
   "dependencies": {
     "@chakra-ui/react": "^3.28.0",
     "@emotion/react": "^11.14.0",
-    "@lottiefiles/dotlottie-react": "^0.19.0",
     "@tailwindcss/vite": "^4.1.11",
     "@tanstack/react-query": "^5.90.5",
     "i18next": "^25.6.0",

FrontendV2/src/App.tsx

@@ -16,7 +16,6 @@ import { Flex } from "@chakra-ui/react";
 import { Footer } from "./components/footer/Footer";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { API_BASE } from "@/config/api.config";
-import { ContactPage } from "./pages/ContactPage";
 
 const queryClient = new QueryClient();
 
@@ -81,7 +80,6 @@ function App() {
                   <Route path="/" element={<HomePage />} />
                   <Route path="/my-loans" element={<MyLoansPage />} />
                   <Route path="/landingpage" element={<Landingpage />} />
-                  <Route path="/contact" element={<ContactPage />} />
                 </Route>
 
                 <Route path="/login" element={<LoginPage />} />

FrontendV2/src/components/Header.tsx

@@ -1,7 +1,6 @@
 import {
   Button,
   Flex,
-  Image,
   Heading,
   Stack,
   Text,
@@ -23,7 +22,6 @@ import {
   MoreVertical,
   Languages,
   Table,
-  ContactRound,
 } from "lucide-react";
 import { useUserContext } from "@/states/Context";
 import { useState } from "react";
@@ -155,16 +153,6 @@ export const Header = () => {
                   </HStack>
                 }
               />
-              <Menu.Item
-                value="contact"
-                onSelect={() => navigate("/contact", { replace: true })}
-                children={
-                  <HStack gap={3}>
-                    <ContactRound size={16} />
-                    <Text as="span">{t("contact")}</Text>
-                  </HStack>
-                }
-              />
               <Menu.Separator />
               <Menu.Item
                 value="logout"
@@ -191,13 +179,6 @@ export const Header = () => {
         <Stack gap={1}>
           {/* Titelzeile ohne Mobile-Menu (wurde nach oben verlegt) */}
           <Flex align="center" justify="space-between" gap={2}>
-            <Image
-              src="/icon_borrow-system-frontend_dark.png"
-              alt="borrow-system logo"
-              boxSize="10"
-              objectFit="contain"
-              flexShrink={0}
-            />
             <Heading
               size="2xl"
               className="tracking-tight text-slate-900 dark:text-slate-100"
@@ -297,17 +278,6 @@ export const Header = () => {
               </HStack>
             </Button>
           </a>
-
-          <Button
-            variant={"outline"}
-            onClick={() => navigate("/contact", { replace: true })}
-          >
-            <HStack gap={2}>
-              <ContactRound size={18} />
-              <Text as="span">{t("contact")}</Text>
-            </HStack>
-          </Button>
-
           <Button onClick={logout} variant="outline" colorScheme="red">
             <HStack gap={2}>
               <LogOut size={18} />

FrontendV2/src/components/UserDialogue.tsx

@@ -36,43 +36,12 @@ export const UserDialogue = (props: UserDialogueProps) => {
   const [msgTitle, setMsgTitle] = useState("");
   const [msgDescription, setMsgDescription] = useState("");
 
-  const [isMsgNAAS, setIsMsgNAAS] = useState(false);
-  const [msgStatusNAAS, setMsgStatusNAAS] = useState<"error" | "success">(
-    "error",
-  );
-  const [msgTitleNAAS, setMsgTitleNAAS] = useState("");
-  const [msgDescriptionNAAS, setMsgDescriptionNAAS] = useState("");
-
   const [oldPassword, setOldPassword] = useState("");
   const [newPassword, setNewPassword] = useState("");
   const [confirmPassword, setConfirmPassword] = useState("");
 
   // Dialog control
   const [isPwOpen, setPwOpen] = useState(false);
-  const [naasDialog, setNaasDialog] = useState(false);
-  const [naas, setNaas] = useState("");
-
-  const openNAAS = async () => {
-    try {
-      const response = await fetch(`${API_BASE}/no`, {
-        headers: {
-          "Content-Type": "application/json",
-          Authorization: `Bearer ${Cookies.get("token")}`,
-        },
-      });
-
-      const data = await response.json();
-      setNaas(data.reason);
-      setNaasDialog(true);
-    } catch (error) {
-      setMsgStatusNAAS("error");
-      setMsgTitleNAAS(t("naas-error"));
-      setMsgDescriptionNAAS(t("naas-error-desc"));
-      setIsMsgNAAS(true);
-
-      console.log(msgStatusNAAS, msgTitleNAAS, msgDescriptionNAAS);
-    }
-  };
 
   const changePassword = async () => {
     if (newPassword !== confirmPassword) {
@@ -178,31 +147,14 @@ export const UserDialogue = (props: UserDialogueProps) => {
             </Button>
           </Stack>
         </Card.Body>
-        <Card.Footer>
+        <Card.Footer justifyContent="flex-end">
-          <Stack w="100%" gap={3}>
+          <Button variant="outline" onClick={() => props.setUserDialog(false)}>
-            {isMsgNAAS && (
+            {t("cancel")}
-              <MyAlert
+          </Button>
-                status={msgStatusNAAS}
-                title={msgTitleNAAS}
-                description={msgDescriptionNAAS}
-              />
-            )}
-            <HStack justify="flex-end" gap={2} wrap="wrap">
-              <Button
-                variant="outline"
-                onClick={() => props.setUserDialog(false)}
-              >
-                {t("cancel")}
-              </Button>
-              <Button variant="outline" onClick={() => openNAAS()}>
-                {t("try-naas")}
-              </Button>
-            </HStack>
-          </Stack>
         </Card.Footer>
       </Card.Root>
 
-      {/* Passwort-Dialog */}
+      {/* Passwort-Dialog (kontrolliert) */}
       <Dialog.Root open={isPwOpen} onOpenChange={(e: any) => setPwOpen(e.open)}>
         <Portal>
           <Dialog.Backdrop />
@@ -263,31 +215,6 @@ export const UserDialogue = (props: UserDialogueProps) => {
           </Dialog.Positioner>
         </Portal>
       </Dialog.Root>
-
-      <HStack wrap="wrap" gap="4">
-        <Dialog.Root
-          placement={"center"}
-          open={naasDialog}
-          motionPreset="slide-in-bottom"
-        >
-          <Portal>
-            <Dialog.Backdrop />
-            <Dialog.Positioner>
-              <Dialog.Content>
-                <Dialog.Header>
-                  <Dialog.Title>{t("naas-header")}</Dialog.Title>
-                </Dialog.Header>
-                <Dialog.Body>
-                  <p>{naas}</p>
-                </Dialog.Body>
-                <Dialog.CloseTrigger asChild>
-                  <CloseButton onClick={() => setNaasDialog(false)} size="sm" />
-                </Dialog.CloseTrigger>
-              </Dialog.Content>
-            </Dialog.Positioner>
-          </Portal>
-        </Dialog.Root>
-      </HStack>
     </Flex>
   );
 };

FrontendV2/src/components/dotLottie.tsx

@@ -1,28 +0,0 @@
-import { DotLottieReact } from "@lottiefiles/dotlottie-react";
-
-export const unlockAnimation = () => {
-  return (
-    <DotLottieReact
-      src="https://lottie.host/f839baa1-9c64-44c4-9386-f0e4c87ab208/2Iw1m4k86d.lottie"
-      autoplay
-    />
-  );
-};
-
-export const approvalAnimation = () => {
-  return (
-    <DotLottieReact
-      src="https://lottie.host/b7257009-9e3f-43e2-8112-a176f4696e4c/iQxxqAVOGX.lottie"
-      autoplay
-    />
-  );
-};
-
-export const logoutAnimation = () => {
-  return (
-    <DotLottieReact
-      src="https://lottie.host/4975758c-de38-4d15-9f74-927709751d32/v8FtKpnD1y.lottie"
-      autoplay
-    />
-  );
-};

FrontendV2/src/components/ui/provider.tsx

@@ -1,15 +1,23 @@
-"use client"
+"use client";
 
-import { ChakraProvider, defaultSystem } from "@chakra-ui/react"
+import { ChakraProvider, defaultSystem } from "@chakra-ui/react";
-import {
+import * as React from "react";
-  ColorModeProvider,
+import type { ReactNode } from "react";
-  type ColorModeProviderProps,
+import { ColorModeProvider as ThemeColorModeProvider } from "./color-mode";
-} from "./color-mode"
 
-export function Provider(props: ColorModeProviderProps) {
+export interface ColorModeProviderProps {
+  children: React.ReactNode;
+}
+
+export function ColorModeProvider({ children }: ColorModeProviderProps) {
+  // Wrap children with the real color-mode provider
+  return <ThemeColorModeProvider>{children}</ThemeColorModeProvider>;
+}
+
+export function Provider({ children }: { children: ReactNode }) {
   return (
     <ChakraProvider value={defaultSystem}>
-      <ColorModeProvider {...props} />
+      <ColorModeProvider>{children}</ColorModeProvider>
     </ChakraProvider>
-  )
+  );
 }

FrontendV2/src/pages/ContactPage.tsx

@@ -1,84 +0,0 @@
-import {
-  Field,
-  Textarea,
-  Button,
-  Alert,
-  Container,
-  Text,
-} from "@chakra-ui/react";
-import { useTranslation } from "react-i18next";
-import { useState } from "react";
-import { API_BASE } from "@/config/api.config";
-import Cookies from "js-cookie";
-import { Header } from "@/components/Header";
-
-interface Alert {
-  type: "info" | "warning" | "success" | "error" | "neutral";
-  headline: string;
-  text: string;
-}
-
-export const ContactPage = () => {
-  const { t } = useTranslation();
-  const [message, setMessage] = useState("");
-  const [alert, setAlert] = useState<Alert | null>(null);
-
-  const sendMessage = async () => {
-    // Logic to send the message
-    const result = await fetch(`${API_BASE}/api/users/contact`, {
-      method: "POST",
-      headers: {
-        Authorization: `Bearer ${Cookies.get("token") || ""}`,
-        "Content-Type": "application/json",
-        Accept: "application/json",
-      },
-      body: JSON.stringify({ message }),
-    });
-
-    if (result.ok) {
-      setAlert({
-        type: "success",
-        headline: t("contactPage_successHeadline"),
-        text: t("contactPage_successText"),
-      });
-      setMessage("");
-    } else {
-      setAlert({
-        type: "error",
-        headline: t("contactPage_errorHeadline"),
-        text: t("contactPage_errorText"),
-      });
-    }
-  };
-
-  return (
-    <Container className="px-6 sm:px-8 pt-10">
-      <Header />
-      <Field.Root invalid={message === ""}>
-        <Field.Label>
-          <Text>{t("contactPage_messageDescription")}</Text>
-          <Field.RequiredIndicator />
-        </Field.Label>
-        <Textarea
-          placeholder={t("contactPage_messagePlaceholder")}
-          variant="subtle"
-          value={message}
-          onChange={(e) => setMessage(e.target.value)}
-        />
-        {message === "" && (
-          <Field.ErrorText>{t("contactPage_messageErrorText")}</Field.ErrorText>
-        )}
-      </Field.Root>
-      {alert && (
-        <Alert.Root status={alert.type}>
-          <Alert.Indicator />
-          <Alert.Content>
-            <Alert.Title>{alert.headline}</Alert.Title>
-            <Alert.Description>{alert.text}</Alert.Description>
-          </Alert.Content>
-        </Alert.Root>
-      )}
-      <Button onClick={sendMessage}>{t("contactPage_sendButton")}</Button>
-    </Container>
-  );
-};

FrontendV2/src/pages/HomePage.tsx

@@ -18,7 +18,6 @@ import { borrowAbleItemsAtom } from "@/states/Atoms";
 import { createLoan } from "@/utils/Fetcher";
 import { Header } from "@/components/Header";
 import { useTranslation } from "react-i18next";
-import { approvalAnimation } from "@/components/dotLottie";
 
 export interface User {
   username: string;
@@ -28,8 +27,6 @@ export interface User {
 export const HomePage = () => {
   const { t } = useTranslation();
 
-  const [showAnimation, setShowAnimation] = useState(false);
-
   const [borrowableItems, setBorrowableItems] = useAtom(borrowAbleItemsAtom);
   const [startDate, setStartDate] = useState("");
   const [endDate, setEndDate] = useState("");
@@ -49,172 +46,155 @@ export const HomePage = () => {
     setSelectedItems((prevSelected) =>
       prevSelected.includes(itemId)
         ? prevSelected.filter((id) => id !== itemId)
-        : [...prevSelected, itemId],
+        : [...prevSelected, itemId]
     );
   };
 
-  const showApprovalAnimation = (seconds: number) => {
-    const milliseconds = seconds * 1000;
-
-    setShowAnimation(true);
-    window.setTimeout(() => {
-      setShowAnimation(false);
-    }, milliseconds);
-  };
-
   return (
-    <>
+    <Container className="px-6 sm:px-8 pt-10">
-      {showAnimation && (
+      <Header />
-        <div className="fixed inset-0 z-9999 flex items-center justify-center pointer-events-none">
+      {isMsg && (
-          <div>{approvalAnimation()}</div>
+        <MyAlert
-        </div>
+          status={msgStatus}
+          title={msgTitle}
+          description={msgDescription}
+        />
       )}
-      <Container className="px-6 sm:px-8 pt-10">
+      <Stack as="main">
-        <Header />
+        <Text>{t("timezone-info")}</Text>
-        {isMsg && (
+        <label htmlFor="startDate">
-          <MyAlert
+          <strong>
-            status={msgStatus}
+            <Text>{t("start-date")}</Text>
-            title={msgTitle}
+          </strong>
-            description={msgDescription}
+        </label>
-          />
+        <Input
-        )}
+          id="startDate"
-        <Stack as="main">
+          placeholder={t("start-date")}
-          <Text>{t("timezone-info")}</Text>
+          type="datetime-local"
-          <label htmlFor="startDate">
+          value={startDate}
-            <strong>
+          onChange={(e) => setStartDate(e.target.value)}
-              <Text>{t("start-date")}</Text>
+        />
-            </strong>
+        <label htmlFor="endDate">
-          </label>
+          <strong>
-          <Input
+            <Text>{t("end-date")}</Text>
-            id="startDate"
+          </strong>
-            placeholder={t("start-date")}
+        </label>
-            type="datetime-local"
+        <Input
-            value={startDate}
+          id="endDate"
-            onChange={(e) => setStartDate(e.target.value)}
+          placeholder={t("end-date")}
-          />
+          type="datetime-local"
-          <label htmlFor="endDate">
+          value={endDate}
-            <strong>
+          onChange={(e) => setEndDate(e.target.value)}
-              <Text>{t("end-date")}</Text>
+        />
-            </strong>
+        <Button
-          </label>
+          onClick={async () => {
-          <Input
+            setIsLoadingA(true);
-            id="endDate"
+            if (!startDate || !endDate) {
-            placeholder={t("end-date")}
+              setMsgStatus("error");
-            type="datetime-local"
+              setMsgTitle(t("missing-fields"));
-            value={endDate}
+              setMsgDescription(t("missing-fields-desc"));
-            onChange={(e) => setEndDate(e.target.value)}
+              setIsMsg(true);
-          />
+              setIsLoadingA(false);
-          <Button
+              return;
-            onClick={async () => {
+            }
-              setIsLoadingA(true);
+            await getBorrowableItems(startDate, endDate).then((response) => {
-              if (!startDate || !endDate) {
+              setIsLoadingA(false);
+              if (response && response.status === "error") {
                 setMsgStatus("error");
-                setMsgTitle(t("missing-fields"));
+                setMsgTitle(response.title || t("error"));
-                setMsgDescription(t("missing-fields-desc"));
+                setMsgDescription(response.description || t("unknown-error"));
                 setIsMsg(true);
-                setIsLoadingA(false);
                 return;
               }
-              await getBorrowableItems(startDate, endDate).then((response) => {
+              setBorrowableItems(response.data);
-                setIsLoadingA(false);
+              setIsMsg(false);
-                if (response && response.status === "error") {
+            });
-                  setMsgStatus("error");
+          }}
-                  setMsgTitle(response.title || t("error"));
+        >
-                  setMsgDescription(response.description || t("unknown-error"));
+          {t("get-borrowable-items")}
-                  setIsMsg(true);
+        </Button>
-                  return;
+        {isLoadingA && (
-                }
+          <VStack colorPalette="teal">
-                setBorrowableItems(response.data);
+            <Spinner color="colorPalette.600" />
-                setIsMsg(false);
+            <Text color="colorPalette.600">{t("loading")}</Text>
-              });
+          </VStack>
-            }}
+        )}
-          >
+        {borrowableItems.length > 0 && (
-            {t("get-borrowable-items")}
+          <Table.ScrollArea borderWidth="1px" rounded="md">
-          </Button>
+            <Table.Root size="sm" stickyHeader>
-          {isLoadingA && (
+              <Table.Header>
-            <VStack colorPalette="teal">
+                <Table.Row bg="bg.subtle">
-              <Spinner color="colorPalette.600" />
+                  <Table.ColumnHeader></Table.ColumnHeader>
-              <Text color="colorPalette.600">{t("loading")}</Text>
+                  <Table.ColumnHeader>{t("item")}</Table.ColumnHeader>
-            </VStack>
+                </Table.Row>
-          )}
+              </Table.Header>
-          {borrowableItems.length > 0 && (
-            <Table.ScrollArea borderWidth="1px" rounded="md">
-              <Table.Root size="sm" stickyHeader>
-                <Table.Header>
-                  <Table.Row bg="bg.subtle">
-                    <Table.ColumnHeader></Table.ColumnHeader>
-                    <Table.ColumnHeader>{t("item")}</Table.ColumnHeader>
-                  </Table.Row>
-                </Table.Header>
 
-                <Table.Body>
+              <Table.Body>
-                  {borrowableItems.map((item) => (
+                {borrowableItems.map((item) => (
-                    <Table.Row key={item.id}>
+                  <Table.Row key={item.id}>
-                      <Table.Cell>
+                    <Table.Cell>
-                        <input
+                      <input
-                          onChange={() => handleCheckboxChange(item.id)}
+                        onChange={() => handleCheckboxChange(item.id)}
-                          type="checkbox"
+                        type="checkbox"
-                          name={item.id}
+                        name={item.id}
-                          id={item.id}
+                        id={item.id}
-                        />
+                      />
-                      </Table.Cell>
-                      <Table.Cell>{item.item_name}</Table.Cell>
-                    </Table.Row>
-                  ))}
-                  <Table.Row>
-                    <Table.Cell colSpan={2}>
-                      <InputGroup
-                        endElement={
-                          <Span color="fg.muted" textStyle="xs">
-                            {note.length} / {MAX_CHARACTERS}
-                          </Span>
-                        }
-                      >
-                        <Input
-                          placeholder={t("optional-note")}
-                          value={note}
-                          maxLength={MAX_CHARACTERS}
-                          onChange={(e) => {
-                            setNote(
-                              e.currentTarget.value.slice(0, MAX_CHARACTERS),
-                            );
-                          }}
-                        />
-                      </InputGroup>
                     </Table.Cell>
+                    <Table.Cell>{item.item_name}</Table.Cell>
                   </Table.Row>
-                </Table.Body>
+                ))}
-              </Table.Root>
+                <Table.Row>
-            </Table.ScrollArea>
+                  <Table.Cell colSpan={2}>
-          )}
+                    <InputGroup
-          {selectedItems.length >= 1 && (
+                      endElement={
-            <Button
+                        <Span color="fg.muted" textStyle="xs">
-              onClick={() =>
+                          {note.length} / {MAX_CHARACTERS}
-                createLoan(selectedItems, startDate, endDate, note).then(
+                        </Span>
-                  (response) => {
+                      }
-                    if (response.status === "error") {
+                    >
-                      setMsgStatus("error");
+                      <Input
-                      setMsgTitle(response.title || t("error"));
+                        placeholder={t("optional-note")}
-                      setMsgDescription(
+                        value={note}
-                        response.description || t("unknown-error"),
+                        maxLength={MAX_CHARACTERS}
-                      );
+                        onChange={(e) => {
-                      setIsMsg(true);
+                          setNote(
-                      return;
+                            e.currentTarget.value.slice(0, MAX_CHARACTERS)
-                    }
+                          );
-                    showApprovalAnimation(3);
+                        }}
-                    setMsgStatus("success");
+                      />
-                    setMsgTitle(t("success"));
+                    </InputGroup>
-                    setMsgDescription(t("loan-success"));
+                  </Table.Cell>
+                </Table.Row>
+              </Table.Body>
+            </Table.Root>
+          </Table.ScrollArea>
+        )}
+        {selectedItems.length >= 1 && (
+          <Button
+            onClick={() =>
+              createLoan(selectedItems, startDate, endDate, note).then(
+                (response) => {
+                  if (response.status === "error") {
+                    setMsgStatus("error");
+                    setMsgTitle(response.title || t("error"));
+                    setMsgDescription(
+                      response.description || t("unknown-error")
+                    );
                     setIsMsg(true);
-                  },
+                    return;
-                )
+                  }
-              }
+                  setMsgStatus("success");
-            >
+                  setMsgTitle(t("success"));
-              {t("create-loan")}
+                  setMsgDescription(t("loan-success"));
-            </Button>
+                  setIsMsg(true);
-          )}
+                }
-        </Stack>
+              )
-      </Container>
+            }
-    </>
+          >
+            {t("create-loan")}
+          </Button>
+        )}
+      </Stack>
+    </Container>
   );
 };

FrontendV2/src/pages/LoginPage.tsx

@@ -4,47 +4,26 @@ import { Button, Card, Field, Input, Stack } from "@chakra-ui/react";
 import { setIsLoggedInAtom, triggerLogoutAtom } from "@/states/Atoms";
 import { useAtom } from "jotai";
 import Cookies from "js-cookie";
-import { useNavigate, useLocation } from "react-router-dom";
+import { Navigate, useNavigate, useLocation } from "react-router-dom";
 import { PasswordInput } from "@/components/ui/password-input";
 import { useTranslation } from "react-i18next";
 import { API_BASE } from "@/config/api.config";
-import { unlockAnimation } from "@/components/dotLottie";
-import { logoutAnimation } from "@/components/dotLottie";
 
 export const LoginPage = () => {
   const { t } = useTranslation();
 
   const [isLoggedIn, setIsLoggedIn] = useAtom(setIsLoggedInAtom);
   const [triggerLogout, setTriggerLogout] = useAtom(triggerLogoutAtom);
-  const [showAnimation, setShowAnimation] = useState(false);
-  const [showLogout, setShowLogout] = useState(false);
   const navigate = useNavigate();
   const location = useLocation();
   const from = location.state?.from?.pathname || "/";
 
   useEffect(() => {
-    if (triggerLogout) {
+    if (isLoggedIn) {
-      setShowLogout(true);
-      window.setTimeout(() => {
-        setShowLogout(false);
-      }, 4500);
-    }
-
-    if (!isLoggedIn) return;
-
-    // Existing sessions should redirect immediately, fresh logins wait for animation.
-    if (!showAnimation) {
       navigate(from, { replace: true });
-      return;
+      window.location.reload(); // if deleted, the user context is not updated in time
     }
-
+  }, [isLoggedIn, navigate, from]);
-    const timeoutId = window.setTimeout(() => {
-      navigate(from, { replace: true });
-      window.location.reload(); // keeps user context in sync after login
-    }, 3000);
-
-    return () => window.clearTimeout(timeoutId);
-  }, [isLoggedIn, showAnimation, navigate, from]);
 
   const loginFnc = async (username: string, password: string) => {
     const response = await fetch(`${API_BASE}/api/users/login`, {
@@ -63,8 +42,6 @@ export const LoginPage = () => {
       };
     }
 
-    setShowAnimation(true);
-
     Cookies.set("token", data.token);
     setIsLoggedIn(true);
     return { success: true };
@@ -85,75 +62,58 @@ export const LoginPage = () => {
       return;
     }
     setTriggerLogout(false);
+    navigate(from, { replace: true });
   };
 
+  if (isLoggedIn) {
+    return <Navigate to={from} replace />;
+  }
+
   return (
-    <>
+    <div className="flex flex-1 items-center justify-center p-4">
-      {showAnimation && (
+      <form onSubmit={(e) => e.preventDefault()}>
-        <div className="fixed inset-0 z-9999 flex items-center justify-center pointer-events-none">
+        <Card.Root maxW="sm">
-          <div>{unlockAnimation()}</div>
+          <Card.Header>
-        </div>
+            <Card.Title>{t("login")}</Card.Title>
-      )}
+            <Card.Description>{t("enter-credentials")}</Card.Description>
-
+          </Card.Header>
-      {showLogout && (
+          <Card.Body>
-        <div className="fixed inset-0 z-9999 flex items-center justify-center pointer-events-none">
+            <Stack gap="4" w="full">
-          <div>{logoutAnimation()}</div>
+              <Field.Root>
-        </div>
+                <Field.Label>{t("username")}</Field.Label>
-      )}
+                <Input
-
+                  value={username}
-      <div className="flex flex-1 items-center justify-center p-4">
+                  onChange={(e) => setUsername(e.target.value)}
-        <form onSubmit={(e) => e.preventDefault()}>
-          <Card.Root maxW="sm">
-            <Card.Header>
-              <Card.Title>{t("login")}</Card.Title>
-              <Card.Description>{t("enter-credentials")}</Card.Description>
-            </Card.Header>
-            <Card.Body>
-              <Stack gap="4" w="full">
-                <Field.Root>
-                  <Field.Label>{t("username")}</Field.Label>
-                  <Input
-                    value={username}
-                    onChange={(e) => setUsername(e.target.value)}
-                  />
-                </Field.Root>
-                <Field.Root>
-                  <Field.Label>{t("password")}</Field.Label>
-                  <PasswordInput
-                    value={password}
-                    onChange={(e) => setPassword(e.target.value)}
-                  />
-                </Field.Root>
-              </Stack>
-            </Card.Body>
-            <Card.Footer justifyContent="flex-end">
-              {isError && (
-                <MyAlert
-                  status="error"
-                  title={errorMsg}
-                  description={errorDsc}
                 />
-              )}
+              </Field.Root>
-              <Button
+              <Field.Root>
-                type="submit"
+                <Field.Label>{t("password")}</Field.Label>
-                onClick={() => handleLogin()}
+                <PasswordInput
-                variant="solid"
+                  value={password}
-              >
+                  onChange={(e) => setPassword(e.target.value)}
-                Login
-              </Button>
-            </Card.Footer>
-            <Card.Footer justifyContent="flex-end">
-              {triggerLogout && (
-                <MyAlert
-                  status="success"
-                  title={t("logout-success")}
-                  description={t("logout-success-desc")}
                 />
-              )}
+              </Field.Root>
-            </Card.Footer>
+            </Stack>
-          </Card.Root>
+          </Card.Body>
-        </form>
+          <Card.Footer justifyContent="flex-end">
-      </div>
+            {isError && (
-    </>
+              <MyAlert status="error" title={errorMsg} description={errorDsc} />
+            )}
+            <Button type="submit" onClick={() => handleLogin()} variant="solid">
+              Login
+            </Button>
+          </Card.Footer>
+          <Card.Footer justifyContent="flex-end">
+            {triggerLogout && (
+              <MyAlert
+                status="success"
+                title={t("logout-success")}
+                description={t("logout-success-desc")}
+              />
+            )}
+          </Card.Footer>
+        </Card.Root>
+      </form>
+    </div>
   );
 };

FrontendV2/src/pages/MyLoansPage.tsx

@@ -84,14 +84,6 @@ export const MyLoansPage = () => {
       });
 
       if (!res.ok) {
-        if (res.status === 507) {
-          setMsgStatus("error");
-          setMsgTitle(t("error"));
-          setMsgDescription(t("error-deleting-loan-507"));
-          setIsMsg(true);
-          return;
-        }
-
         setMsgStatus("error");
         setMsgTitle(t("error"));
         setMsgDescription(t("error-deleting-loan"));

FrontendV2/src/utils/i18n/locales/de/de.json

@@ -68,7 +68,7 @@
     "admin-status": "Admin-Status",
     "first-name": "Vorname",
     "last-name": "Nachname",
-    "app-title": "Ausleihsystem",
+    "app-title": "Ausleihsystem (demo)",
     "last-borrowed-person": "Zuletzt ausgeliehen von",
     "currently-borrowed-by": "Derzeit ausgeliehen von",
     "back": "Zurückgehen",
@@ -88,11 +88,5 @@
     "take-loan-success": "Ausleihe erfolgreich abgeholt",
     "return-loan-success": "Ausleihe erfolgreich zurückgegeben",
     "network-error": "Netzwerkfehler. Kontaktieren Sie den Administrator.",
-    "contactPage_messageDescription": "Bitte geben Sie hier Ihre Nachricht ein. Der Systemadministrator (Theis Gaedigk) wird sich so schnell wie möglich bei Ihnen melden.",
+    "contactPage_messageDescription": "Bitte geben Sie hier Ihre Nachricht ein. Der Systemadministrator (Theis Gaedigk) wird sich so schnell wie möglich bei Ihnen melden."
-    "naas": "No-as-a-service",
-    "try-naas": "Klick mich",
-    "naas-error": "Fehler mit no-as-a-service",
-    "naas-error-desc": "Ein Fehler ist beim Kommunizieren mit no-as-a-service aufgetreten.",
-    "naas-header": "Eine gute Möglichkeit, nein zu sagen...",
-    "error-deleting-loan-507": "Die Ausleihe kann nicht gelöscht werden, da sie noch nicht zurückgegeben wurde."
 }

FrontendV2/src/utils/i18n/locales/en/en.json

@@ -68,7 +68,7 @@
     "admin-status": "Admin status",
     "first-name": "First name",
     "last-name": "Last name",
-    "app-title": "Borrow System",
+    "app-title": "Borrow System (demo)",
     "last-borrowed-person": "Last borrowed by",
     "currently-borrowed-by": "Currently borrowed by",
     "back": "Go back",
@@ -88,11 +88,5 @@
     "take-loan-success": "Loan taken successfully",
     "return-loan-success": "Loan returned successfully",
     "network-error": "Network error. Please contact the administrator.",
-    "contactPage_messageDescription": "Please enter your message here. The system administrator (Theis Gaedigk) will get back to you as soon as possible.",
+    "contactPage_messageDescription": "Please enter your message here. The system administrator (Theis Gaedigk) will get back to you as soon as possible."
-    "naas": "No-as-a-service",
-    "try-naas": "Click me",
-    "naas-error": "Error with no-as-a-service",
-    "naas-error-desc": "An error occurred while communicating with no-as-a-service.",
-    "naas-header": "A good way to say no...",
-    "error-deleting-loan-507": "The loan cannot be deleted because it has not been returned yet."
 }

FrontendV2/vite.config.ts

@@ -1,16 +1,23 @@
 import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-import svgr from "vite-plugin-svgr";
 import tailwindcss from "@tailwindcss/vite";
-import tsconfigPaths from "vite-tsconfig-paths";
+import path from "node:path";
 
 export default defineConfig({
-  plugins: [react(), svgr(), tailwindcss(), tsconfigPaths()],
+  plugins: [tailwindcss()],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "src"),
+    },
+  },
   server: {
     host: "0.0.0.0",
-    port: 8001,
+    allowedHosts: ["insta.the1s.de"],
-    watch: {
+    port: 8101,
-      usePolling: true,
+    watch: { usePolling: true },
+    hmr: {
+      host: "insta.the1s.de",
+      port: 8101,
+      protocol: "wss",
     },
   },
 });

admin/nginx.conf

@@ -14,7 +14,7 @@ server {
   }
 
   location /backend/ {
-    proxy_pass http://borrow_system-backend_v2:8004/;
+    proxy_pass http://demo_borrow_system-backend_v2:8102/;
   }
 
   location ~* \.(?:js|mjs|css|png|jpg|jpeg|gif|ico|svg|woff2?)$ {

admin/src/Layout/Dashboard.tsx

@@ -7,7 +7,6 @@ import UserTable from "../components/UserTable";
 import ItemTable from "../components/ItemTable";
 import LoanTable from "../components/LoanTable";
 import APIKeyTable from "@/components/APIKeyTable";
-import ServerConfig from "@/components/ServerConfig";
 import { MoveLeft } from "lucide-react";
 
 type DashboardProps = {
@@ -45,7 +44,6 @@ const Dashboard: React.FC<DashboardProps> = ({ onLogout }) => {
         viewSchliessfaecher={() => setActiveView("Schließfächer")}
         viewUser={() => setActiveView("User")}
         viewAPI={() => setActiveView("API")}
-        viewConfig={() => setActiveView("Server Konfiguration")}
       />
       <Box flex="1" display="flex" flexDirection="column">
         <Flex
@@ -90,7 +88,6 @@ const Dashboard: React.FC<DashboardProps> = ({ onLogout }) => {
           {activeView === "Ausleihen" && <LoanTable />}
           {activeView === "Gegenstände" && <ItemTable />}
           {activeView === "API" && <APIKeyTable />}
-          {activeView === "Server Konfiguration" && <ServerConfig />}
         </Box>
       </Box>
     </Flex>

admin/src/Layout/Sidebar.tsx

@@ -9,7 +9,6 @@ type SidebarProps = {
   viewSchliessfaecher: () => void;
   viewUser: () => void;
   viewAPI: () => void;
-  viewConfig: () => void;
 };
 
 const Sidebar: React.FC<SidebarProps> = ({
@@ -17,7 +16,6 @@ const Sidebar: React.FC<SidebarProps> = ({
   viewGegenstaende,
   viewUser,
   viewAPI,
-  viewConfig
 }) => {
   const [info, setInfo] = useState<any>(null);
 
@@ -85,15 +83,6 @@ const Sidebar: React.FC<SidebarProps> = ({
           >
             API Keys
           </Link>
-          <Link
-            px={3}
-            py={2}
-            rounded="md"
-            _hover={{ bg: "gray.700", textDecoration: "none" }}
-            onClick={viewConfig}
-          >
-            Server Konfiguration
-          </Link>
         </VStack>
 
         <Box mt="auto" pt={8} fontSize="xs" color="gray.500">

admin/src/components/ServerConfig.tsx

@@ -1,175 +0,0 @@
-import React from "react";
-import {
-  Table,
-  Spinner,
-  Text,
-  VStack,
-  Heading,
-  Switch,
-} from "@chakra-ui/react";
-import MyAlert from "./myChakra/MyAlert";
-import Cookies from "js-cookie";
-import { useState, useEffect } from "react";
-import { formatDateTime } from "@/utils/userFuncs";
-import { API_BASE } from "@/config/api.config";
-
-type Items = {
-  id: number;
-  function_name: string;
-  active: boolean;
-  entry_created_at: string;
-  updated_at: string | null;
-};
-
-const ServerConfig: React.FC = () => {
-  const [items, setItems] = useState<Items[]>([]);
-  const [errorStatus, setErrorStatus] = useState<"error" | "success">("error");
-  const [errorMessage, setErrorMessage] = useState("");
-  const [errorDsc, setErrorDsc] = useState("");
-  const [isError, setIsError] = useState(false);
-  const [isLoading, setIsLoading] = useState(false);
-  const [reload, setReload] = useState(false);
-
-  const handleSwitchChange = async (id: number, newState: boolean) => {
-    try {
-      const response = await fetch(
-        `${API_BASE}/api/admin/server-config/update?functionName=${encodeURIComponent(
-          items.find((item) => item.id === id)?.function_name || "",
-        )}&active=${newState}`,
-        {
-          method: "POST",
-          headers: {
-            Authorization: `Bearer ${Cookies.get("token")}`,
-          },
-        },
-      );
-      if (response.ok) {
-        setReload((prev) => !prev);
-        setError(
-          "success",
-          "Status updated",
-          "The function status was updated successfully.",
-        );
-      } else {
-        setError(
-          "error",
-          "Failed to update status",
-          "There is an error updating the function status.",
-        );
-      }
-    } catch (error) {
-      setError(
-        "error",
-        "Failed to update status",
-        "There is an error updating the function status.",
-      );
-    }
-  };
-
-  const setError = (
-    status: "error" | "success",
-    message: string,
-    description: string,
-  ) => {
-    setIsError(false);
-    setErrorStatus(status);
-    setErrorMessage(message);
-    setErrorDsc(description);
-    setIsError(true);
-  };
-
-  useEffect(() => {
-    const fetchData = async () => {
-      setIsLoading(true);
-      try {
-        const response = await fetch(
-          `${API_BASE}/api/admin/server-config/all`,
-          {
-            method: "GET",
-            headers: {
-              Authorization: `Bearer ${Cookies.get("token")}`,
-            },
-          },
-        );
-        const data = await response.json();
-        return data.data;
-      } catch (error) {
-        setError("error", "Failed to fetch items", "There is an error");
-      } finally {
-        setIsLoading(false);
-      }
-    };
-    fetchData().then((data) => {
-      if (Array.isArray(data)) {
-        setItems(data);
-      }
-    });
-  }, [reload]);
-
-  return (
-    <>
-      <Heading marginBottom={4} size="2xl">
-        Server Konfiguration
-      </Heading>
-      {isError && (
-        <MyAlert
-          status={errorStatus}
-          description={errorDsc}
-          title={errorMessage}
-        />
-      )}
-      {isLoading && (
-        <VStack colorPalette="teal">
-          <Spinner color="colorPalette.600" />
-          <Text color="colorPalette.600">Loading...</Text>
-        </VStack>
-      )}
-
-      <Table.Root size="sm" striped w="100%" style={{ tableLayout: "auto" }}>
-        <Table.Header>
-          <Table.Row>
-            <Table.ColumnHeader width="1%" whiteSpace="nowrap">
-              <strong>#</strong>
-            </Table.ColumnHeader>
-            <Table.ColumnHeader>
-              <strong>Service Name</strong>
-            </Table.ColumnHeader>
-            <Table.ColumnHeader>
-              <strong>Toggle</strong>
-            </Table.ColumnHeader>
-            <Table.ColumnHeader>
-              <strong>Eintrag erstellt am</strong>
-            </Table.ColumnHeader>
-          </Table.Row>
-        </Table.Header>
-        <Table.Body>
-          {items.map((item) => (
-            <Table.Row key={item.id}>
-              <Table.Cell whiteSpace="nowrap">{item.id}</Table.Cell>
-              <Table.Cell fontFamily="mono">{item.function_name}</Table.Cell>
-              <Table.Cell>
-                <Switch.Root
-                  checked={item.active}
-                  onCheckedChange={() =>
-                    handleSwitchChange(item.id, !item.active)
-                  }
-                >
-                  <Switch.HiddenInput />
-                  <Switch.Control>
-                    <Switch.Thumb />
-                  </Switch.Control>
-                  <Switch.Label />
-                </Switch.Root>
-              </Table.Cell>
-              <Table.Cell whiteSpace="nowrap">
-                {formatDateTime(item.entry_created_at)}
-              </Table.Cell>
-            </Table.Row>
-          ))}
-        </Table.Body>
-      </Table.Root>
-    </>
-  );
-};
-
-export default ServerConfig;

admin/vite.config.ts

@@ -8,9 +8,13 @@ export default defineConfig({
   plugins: [react(), svgr(), tailwindcss(), tsconfigPaths()],
   server: {
     host: "0.0.0.0",
-    port: 8003,
+    allowedHosts: ["admin.insta.the1s.de"],
-    watch: {
+    port: 8103,
-      usePolling: true,
+    watch: { usePolling: true },
+    hmr: {
+      host: "admin.insta.the1s.de",
+      port: 8103,
+      protocol: "wss",
     },
   },
 });

backendV2/info.json

@@ -1,11 +1,11 @@
 {
     "backend-info": {
-        "version": "v2.2 (dev)"
+        "version": "v2.1.1 (demo)"
     },
     "frontend-info": {
-        "version": "v2.2 (dev)"
+        "version": "v2.1.2 (demo)"
     },
     "admin-panel-info": {
-        "version": "v1.3.2 (dev)"
+        "version": "v1.3.2 (demo)"
     }
 }

backendV2/routes/admin/database/serverConfMgmt.database.js

@@ -1,26 +0,0 @@
-import mysql from "mysql2";
-import dotenv from "dotenv";
-dotenv.config();
-
-const pool = mysql
-  .createPool({
-    host: process.env.DB_HOST,
-    user: process.env.DB_USER,
-    password: process.env.DB_PASSWORD,
-    database: process.env.DB_NAME,
-  })
-  .promise();
-
-export const getAllFunctions = async () => {
-  const [rows] = await pool.query("SELECT * FROM functions");
-  return { success: true, data: rows };
-};
-
-export const updateFunctionStatus = async (functionName, active) => {
-  const [result] = await pool.query(
-    "UPDATE functions SET active = ? WHERE function_name = ?",
-    [active, functionName],
-  );
-  if (result.affectedRows > 0) return { success: true };
-  return { success: false };
-};

backendV2/routes/admin/database/userDataMgmt.database.js

@@ -29,14 +29,14 @@ export const createUser = async (
 };
 
 export const deleteUserById = async (userId) => {
-  const [result] = await pool.query("DELETE FROM users WHERE id = ?", [userId]);
+  const [result] = await pool.query("DELETE FROM users WHERE id = ? AND secret_user = false", [userId]);
   if (result.affectedRows > 0) return { success: true };
   return { success: false };
 };
 
 export const changePassword = async (username, newPassword) => {
   const [result] = await pool.query(
-    "UPDATE users SET password = ?, entry_updated_at = NOW() WHERE username = ?",
+    "UPDATE users SET password = ?, entry_updated_at = NOW() WHERE username = ? AND secret_user = false",
     [newPassword, username],
   );
   if (result.affectedRows > 0) return { success: true };
@@ -52,7 +52,7 @@ export const editUserById = async (
   is_admin,
 ) => {
   const [result] = await pool.query(
-    "UPDATE users SET  first_name = ?, last_name = ?, role = ?, email = ?, is_admin = ?, entry_updated_at = NOW() WHERE id = ?",
+    "UPDATE users SET  first_name = ?, last_name = ?, role = ?, email = ?, is_admin = ?, entry_updated_at = NOW() WHERE id = ? AND secret_user = false",
     [first_name, last_name, role, email, is_admin, userId],
   );
   if (result.affectedRows > 0) return { success: true };
@@ -61,7 +61,7 @@ export const editUserById = async (
 
 export const getAllUsers = async () => {
   const [result] = await pool.query(
-    "SELECT id, username, first_name, last_name, role, email, is_admin, entry_created_at, entry_updated_at FROM users",
+    "SELECT id, username, first_name, last_name, role, email, is_admin, entry_created_at, entry_updated_at FROM users WHERE secret_user = false",
   );
   if (result.length > 0) return { success: true, data: result };
   return { success: false };
@@ -69,7 +69,7 @@ export const getAllUsers = async () => {
 
 export const getUserById = async (userId) => {
   const [rows] = await pool.query(
-    "SELECT id, username, first_name, last_name, role, email, is_admin FROM users WHERE id = ?",
+    "SELECT id, username, first_name, last_name, role, email, is_admin FROM users WHERE id = ? AND secret_user = false",
     [userId],
   );
   if (rows.length === 0) {

backendV2/routes/admin/serverConfMgmt.route.js

@@ -1,50 +0,0 @@
-import express from "express";
-import { authenticateAdmin } from "../../services/authentication.js";
-const router = express.Router();
-import dotenv from "dotenv";
-dotenv.config();
-
-// database funcs import
-import {
-  getAllFunctions,
-  updateFunctionStatus,
-} from "./database/serverConfMgmt.database.js";
-
-// Route to get all functions and their statuses
-router.get("/all", async (req, res) => {
-  try {
-    const result = await getAllFunctions();
-    if (result.success) {
-      res.status(200).json({ data: result.data });
-    } else {
-      res.status(500).json({ message: "Failed to fetch functions" });
-    }
-  } catch (error) {
-    res
-      .status(500)
-      .json({ message: "An error occurred", error: error.message });
-  }
-});
-
-// Route to update the status of a function
-router.post("/update", async (req, res) => {
-  const functionName = req.query.functionName;
-  let active = req.query.active;
-
-  if (active === "false") {
-    active = 0;
-  } else if (active === "true") {
-    active = 1;
-  } else {
-    res.status(406).json({ message: "Got unexpected format" });
-  }
-
-  const result = await updateFunctionStatus(functionName, active);
-  if (result.success) {
-    res.status(200).json({ message: "Function status updated successfully" });
-  } else {
-    res.status(500).json({ message: "Failed to update function status" });
-  }
-});
-
-export default router;

backendV2/routes/api/api.route.js

@@ -1,12 +1,9 @@
 import express from "express";
 import { authenticate } from "../../services/authentication.js";
-import { checkIfServiceIsActive } from "../../services/functions.js";
 const router = express.Router();
 import dotenv from "dotenv";
 dotenv.config();
 
-const loan_service = "Loan Service";
-
 import {
   getItemsFromDatabaseV2,
   changeInSafeStateV2,
@@ -42,7 +39,6 @@ router.post("/change-state/:key/:itemId", authenticate, async (req, res) => {
 router.get(
   "/get-loan-by-code/:key/:loan_code",
   authenticate,
-  checkIfServiceIsActive(loan_service),
   async (req, res) => {
     const loan_code = req.params.loan_code;
     const result = await getLoanByCodeV2(loan_code);
@@ -58,7 +54,6 @@ router.get(
 router.post(
   "/set-return-date/:key/:loan_code",
   authenticate,
-  checkIfServiceIsActive(loan_service),
   async (req, res) => {
     const loanCode = req.params.loan_code;
     const result = await setReturnDateV2(loanCode);
@@ -74,7 +69,6 @@ router.post(
 router.post(
   "/set-take-date/:key/:loan_code",
   authenticate,
-  checkIfServiceIsActive(loan_service),
   async (req, res) => {
     const loanCode = req.params.loan_code;
     const result = await setTakeDateV2(loanCode);

backendV2/routes/app/database/loansMgmt.database.js

@@ -234,23 +234,6 @@ export const getBorrowableItemsFromDatabase = async (
 };
 
 export const SETdeleteLoanFromDatabase = async (loanId) => {
-  const [checkIfdatesReturned] = await pool.query(
-    "SELECT take_date, returned_date FROM loans WHERE id = ? AND deleted = 0",
-    [loanId],
-  );
-
-  if (checkIfdatesReturned.length === 0) {
-    return { success: false, code: "LOAN_NOT_FOUND" };
-  }
-
-  const { take_date, returned_date } = checkIfdatesReturned[0];
-  const bothNull = take_date === null && returned_date === null;
-  const bothSet = take_date !== null && returned_date !== null;
-
-  if (!(bothNull || bothSet)) {
-    return { success: false, code: "LOAN_NOT_RETURNED" };
-  }
-
   const [result] = await pool.query(
     "UPDATE loans SET deleted = 1 WHERE id = ?;",
     [loanId],

backendV2/routes/app/loanMgmt.route.js

@@ -1,16 +1,9 @@
 import express from "express";
 import { authenticate, generateToken } from "../../services/authentication.js";
-import {
-  checkIfServiceIsActive,
-  checkIfServiceIsActive2,
-} from "../../services/functions.js";
 const router = express.Router();
 import dotenv from "dotenv";
 dotenv.config();
 
-const loan_service = "Loan Service";
-const loan_mailer_service = "Loan Mailer";
-
 // database funcs import
 import {
   createLoanInDatabase,
@@ -25,129 +18,106 @@ import {
 } from "./database/loansMgmt.database.js";
 import { sendMailLoan } from "./services/mailer.js";
 
-router.post(
+router.post("/createLoan", authenticate, async (req, res) => {
-  "/createLoan",
+  try {
-  checkIfServiceIsActive(loan_service),
+    const { items, startDate, endDate, note } = req.body || {};
-  authenticate,
-  async (req, res) => {
-    try {
-      const { items, startDate, endDate, note } = req.body || {};
 
-      if (!Array.isArray(items) || items.length === 0) {
+    if (!Array.isArray(items) || items.length === 0) {
-        return res.status(400).json({ message: "Items array is required" });
+      return res.status(400).json({ message: "Items array is required" });
-      }
+    }
 
-      // If dates are not provided, default to now .. +7 days
+    // If dates are not provided, default to now .. +7 days
-      const start =
+    const start =
-        startDate ?? new Date().toISOString().slice(0, 19).replace("T", " ");
+      startDate ?? new Date().toISOString().slice(0, 19).replace("T", " ");
-      const end =
+    const end =
-        endDate ??
+      endDate ??
-        new Date(Date.now() + 7 * 24 * 60 * 60 * 1000)
+      new Date(Date.now() + 7 * 24 * 60 * 60 * 1000)
-          .toISOString()
+        .toISOString()
-          .slice(0, 19)
+        .slice(0, 19)
-          .replace("T", " ");
+        .replace("T", " ");
 
-      // Coerce item IDs to numbers and filter invalids
+    // Coerce item IDs to numbers and filter invalids
-      const itemIds = items
+    const itemIds = items
-        .map((v) => Number(v))
+      .map((v) => Number(v))
-        .filter((n) => Number.isFinite(n));
+      .filter((n) => Number.isFinite(n));
 
-      if (itemIds.length === 0) {
+    if (itemIds.length === 0) {
-        return res.status(400).json({ message: "No valid item IDs provided" });
+      return res.status(400).json({ message: "No valid item IDs provided" });
-      }
+    }
 
-      const result = await createLoanInDatabase(
+    const result = await createLoanInDatabase(
-        req.user.username,
+      req.user.username,
-        start,
+      start,
-        end,
+      end,
-        note,
+      note,
-        itemIds,
+      itemIds,
+    );
+
+    if (result.success) {
+      const mailInfo = await getLoanInfoWithID(result.data.id);
+      console.log(mailInfo);
+      sendMailLoan(
+        mailInfo.data.username,
+        mailInfo.data.loaned_items_name,
+        mailInfo.data.start_date,
+        mailInfo.data.end_date,
+        mailInfo.data.created_at,
+        mailInfo.data.note,
       );
-
+      return res.status(201).json({
-      if (result.success) {
+        message: "Loan created successfully",
-        if (await checkIfServiceIsActive2(loan_mailer_service)) {
+        loanId: result.data.id,
-          const mailInfo = await getLoanInfoWithID(result.data.id);
+        loanCode: result.data.loan_code,
-          console.log(mailInfo);
+      });
-          sendMailLoan(
-            mailInfo.data.username,
-            mailInfo.data.loaned_items_name,
-            mailInfo.data.start_date,
-            mailInfo.data.end_date,
-            mailInfo.data.created_at,
-            mailInfo.data.note,
-          );
-        }
-
-        return res.status(201).json({
-          message: "Loan created successfully",
-          loanId: result.data.id,
-          loanCode: result.data.loan_code,
-        });
-      }
-
-      if (result.code === "CONFLICT") {
-        return res
-          .status(409)
-          .json({ message: "Items not available in the selected period" });
-      }
-
-      if (result.code === "BAD_REQUEST") {
-        return res.status(400).json({ message: result.message });
-      }
-
-      return res.status(500).json({ message: "Failed to create loan" });
-    } catch (err) {
-      console.error("createLoan error:", err);
-      return res.status(500).json({ message: "Failed to create loan" });
     }
-  },
-);
 
-router.get(
+    if (result.code === "CONFLICT") {
-  "/loans",
+      return res
-  checkIfServiceIsActive(loan_service),
+        .status(409)
-  authenticate,
+        .json({ message: "Items not available in the selected period" });
-  async (req, res) => {
-    const result = await getLoansFromDatabase(req.user.username);
-    if (result.success) {
-      res.status(200).json(result.data);
-    } else if (result.status) {
-      res.status(200).json([]);
-    } else {
-      res.status(500).json({ message: "Failed to fetch loans" });
     }
-  },
-);
 
-router.post(
+    if (result.code === "BAD_REQUEST") {
-  "/set-return-date/:loan_code",
+      return res.status(400).json({ message: result.message });
-  checkIfServiceIsActive(loan_service),
-  authenticate,
-  async (req, res) => {
-    const loanCode = req.params.loan_code;
-    const result = await setReturnDate(loanCode);
-    if (result.success) {
-      res.status(200).json({ data: result.data });
-    } else {
-      res.status(500).json({ message: "Failed to set return date" });
     }
-  },
-);
 
-router.post(
+    return res.status(500).json({ message: "Failed to create loan" });
-  "/set-take-date/:loan_code",
+  } catch (err) {
-  checkIfServiceIsActive(loan_service),
+    console.error("createLoan error:", err);
-  authenticate,
+    return res.status(500).json({ message: "Failed to create loan" });
-  async (req, res) => {
+  }
-    const loanCode = req.params.loan_code;
+});
-    const result = await setTakeDate(loanCode);
+
-    if (result.success) {
+router.get("/loans", authenticate, async (req, res) => {
-      res.status(200).json({ data: result.data });
+  const result = await getLoansFromDatabase(req.user.username);
-    } else {
+  if (result.success) {
-      res.status(500).json({ message: "Failed to set take date" });
+    res.status(200).json(result.data);
-    }
+  } else if (result.status) {
-  },
+    res.status(200).json([]);
-);
+  } else {
+    res.status(500).json({ message: "Failed to fetch loans" });
+  }
+});
+
+router.post("/set-return-date/:loan_code", authenticate, async (req, res) => {
+  const loanCode = req.params.loan_code;
+  const result = await setReturnDate(loanCode);
+  if (result.success) {
+    res.status(200).json({ data: result.data });
+  } else {
+    res.status(500).json({ message: "Failed to set return date" });
+  }
+});
+
+router.post("/set-take-date/:loan_code", authenticate, async (req, res) => {
+  const loanCode = req.params.loan_code;
+  const result = await setTakeDate(loanCode);
+  if (result.success) {
+    res.status(200).json({ data: result.data });
+  } else {
+    res.status(500).json({ message: "Failed to set take date" });
+  }
+});
 
 router.get("/all-items", authenticate, async (req, res) => {
   const result = await getItems();
@@ -158,71 +128,46 @@ router.get("/all-items", authenticate, async (req, res) => {
   }
 });
 
-router.delete(
+router.delete("/delete-loan/:id", authenticate, async (req, res) => {
-  "/delete-loan/:id",
+  const loanId = req.params.id;
-  checkIfServiceIsActive(loan_service),
+  const result = await SETdeleteLoanFromDatabase(loanId);
-  authenticate,
+  if (result.success) {
-  async (req, res) => {
+    res.status(200).json({ message: "Loan deleted successfully" });
-    const loanId = req.params.id;
+  } else {
-    const result = await SETdeleteLoanFromDatabase(loanId);
+    res.status(500).json({ message: "Failed to delete loan" });
-    if (result.success) {
+  }
-      res.status(200).json({ message: "Loan deleted successfully" });
+});
-    } else {
-      if (result.code === "LOAN_NOT_FOUND") {
-        res.status(404).json({ message: "Loan not found" });
-      }
 
-      if (result.code === "LOAN_NOT_RETURNED") {
+router.get("/all-loans", authenticate, async (req, res) => {
-        res.status(507).json({
+  const result = await getALLLoans();
-          message: "Cannot delete loan that has not been returned",
+  if (result.success) {
-        });
+    res.status(200).json(result.data);
-      }
+  } else {
+    res.status(500).json({ message: "Failed to fetch loans" });
+  }
+});
 
-      res.status(500).json({ message: "Failed to delete loan" });
+router.post("/borrowable-items", authenticate, async (req, res) => {
-    }
+  const { startDate, endDate } = req.body || {};
-  },
+  if (!startDate || !endDate) {
-);
+    return res
+      .status(400)
+      .json({ message: "startDate and endDate are required" });
+  }
 
-router.get(
+  const result = await getBorrowableItemsFromDatabase(
-  "/all-loans",
+    startDate,
-  checkIfServiceIsActive(loan_service),
+    endDate,
-  authenticate,
+    req.user.role,
-  async (req, res) => {
+  );
-    const result = await getALLLoans();
+  if (result.success) {
-    if (result.success) {
+    // return the array directly for consistency with /items
-      res.status(200).json(result.data);
+    return res.status(200).json(result.data);
-    } else {
+  } else {
-      res.status(500).json({ message: "Failed to fetch loans" });
+    return res
-    }
+      .status(500)
-  },
+      .json({ message: "Failed to fetch borrowable items" });
-);
+  }
-
+});
-router.post(
-  "/borrowable-items",
-  checkIfServiceIsActive(loan_service),
-  authenticate,
-  async (req, res) => {
-    const { startDate, endDate } = req.body || {};
-    if (!startDate || !endDate) {
-      return res
-        .status(400)
-        .json({ message: "startDate and endDate are required" });
-    }
-
-    const result = await getBorrowableItemsFromDatabase(
-      startDate,
-      endDate,
-      req.user.role,
-    );
-    if (result.success) {
-      // return the array directly for consistency with /items
-      return res.status(200).json(result.data);
-    } else {
-      return res
-        .status(500)
-        .json({ message: "Failed to fetch borrowable items" });
-    }
-  },
-);
 
 export default router;

backendV2/routes/app/userMgmt.route.js

@@ -1,66 +1,48 @@
 import express from "express";
 import { authenticate, generateToken } from "../../services/authentication.js";
-import { checkIfServiceIsActive } from "../../services/functions.js";
 const router = express.Router();
 import dotenv from "dotenv";
 dotenv.config();
 
-const user_frontend_service = "User Frontend";
-const contact_form_service = "Contact Form Service";
-
 // database funcs import
 import { loginFunc, changePassword } from "./database/userMgmt.database.js";
 import { sendMail } from "./services/mailer_v2.js";
 
-router.post(
+router.post("/login", async (req, res) => {
-  "/login",
+  const result = await loginFunc(req.body.username, req.body.password);
-  checkIfServiceIsActive(user_frontend_service),
+  if (result.success) {
-  async (req, res) => {
+    const token = await generateToken({
-    const result = await loginFunc(req.body.username, req.body.password);
+      username: result.data.username,
-    if (result.success) {
+      is_admin: result.data.is_admin,
-      const token = await generateToken({
+      first_name: result.data.first_name,
-        username: result.data.username,
+      last_name: result.data.last_name,
-        is_admin: result.data.is_admin,
+      role: result.data.role,
-        first_name: result.data.first_name,
+    });
-        last_name: result.data.last_name,
+    res.status(200).json({ message: "Login successful", token });
-        role: result.data.role,
+  } else {
-      });
+    res.status(401).json({ message: "Invalid credentials" });
-      res.status(200).json({ message: "Login successful", token });
+  }
-    } else {
+});
-      res.status(401).json({ message: "Invalid credentials" });
-    }
-  },
-);
 
-router.post(
+router.post("/change-password", authenticate, async (req, res) => {
-  "/change-password",
+  const oldPassword = req.body.oldPassword;
-  checkIfServiceIsActive(user_frontend_service),
+  const newPassword = req.body.newPassword;
-  authenticate,
+  const username = req.user.username;
-  async (req, res) => {
+  const result = await changePassword(username, oldPassword, newPassword);
-    const oldPassword = req.body.oldPassword;
+  if (result.success) {
-    const newPassword = req.body.newPassword;
+    res.status(200).json({ message: "Password changed successfully" });
-    const username = req.user.username;
+  } else {
-    const result = await changePassword(username, oldPassword, newPassword);
+    res.status(500).json({ message: "Failed to change password" });
-    if (result.success) {
+  }
-      res.status(200).json({ message: "Password changed successfully" });
+});
-    } else {
-      res.status(500).json({ message: "Failed to change password" });
-    }
-  },
-);
 
-router.post(
+router.post("/contact", authenticate, async (req, res) => {
-  "/contact",
+  const message = req.body.message;
-  checkIfServiceIsActive(contact_form_service),
+  const username = req.user.username;
-  authenticate,
-  async (req, res) => {
-    const message = req.body.message;
-    const username = req.user.username;
 
-    sendMail(username, message);
+  sendMail(username, message);
 
-    res.status(200).json({ message: "Contact message sent successfully" });
+  res.status(200).json({ message: "Contact message sent successfully" });
-  },
+});
-);
 
 export default router;

backendV2/schemeV2.mock.sql

@@ -0,0 +1,100 @@
+USE borrow_system_new;
+
+-- USERS
+INSERT INTO users (username, password, email, first_name, last_name, role, is_admin)
+VALUES
+  ('user1', 'passwordhash1', 'user1@example.com', 'First1', 'Last1', 1, false),
+  ('user2', 'passwordhash2', 'user2@example.com', 'First2', 'Last2', 1, false),
+  ('user3', 'passwordhash3', 'user3@example.com', 'First3', 'Last3', 2, false),
+  ('admin1', 'passwordhash4', 'admin1@example.com', 'Admin',  'One',  9, true),
+  ('admin2', 'passwordhash5', 'admin2@example.com', 'Admin',  'Two',  9, true);
+
+-- ITEMS
+INSERT INTO items (item_name, can_borrow_role, in_safe, safe_nr, door_key, last_borrowed_person, currently_borrowing)
+VALUES
+  ('Item1', 1, true,  1, 101, NULL, NULL),
+  ('Item2', 1, true,  2, 102, 'user1', 'user1'),
+  ('Item3', 2, true,  3, 103, 'user2', NULL),
+  ('Item4', 1, false, NULL, NULL, NULL, NULL),
+  ('Item5', 2, false, NULL, NULL, 'user3', 'user3');
+
+-- LOANS
+INSERT INTO loans (
+  username,
+  lockers,
+  loan_code,
+  start_date,
+  end_date,
+  take_date,
+  returned_date,
+  created_at,
+  loaned_items_id,
+  loaned_items_name,
+  deleted,
+  note
+)
+VALUES
+  (
+    'user1',
+    JSON_ARRAY('Locker1', 'Locker2'),
+    '123456',
+    '2026-02-01 09:00:00',
+    '2026-02-10 17:00:00',
+    '2026-02-01 09:15:00',
+    NULL,
+    '2026-02-01 09:00:00',
+    JSON_ARRAY(1, 2),
+    JSON_ARRAY('Item1', 'Item2'),
+    false,
+    'Erste allgemeine Ausleihe'
+  ),
+  (
+    'user2',
+    JSON_ARRAY('Locker3'),
+    '234567',
+    '2026-02-02 10:00:00',
+    '2026-02-05 16:00:00',
+    '2026-02-02 10:05:00',
+    '2026-02-05 15:30:00',
+    '2026-02-02 10:00:00',
+    JSON_ARRAY(3),
+    JSON_ARRAY('Item3'),
+    false,
+    'Zurückgegeben vor Enddatum'
+  ),
+  (
+    'user3',
+    JSON_ARRAY(),
+    '345678',
+    '2026-02-03 08:30:00',
+    '2026-02-15 18:00:00',
+    NULL,
+    NULL,
+    '2026-02-03 08:30:00',
+    JSON_ARRAY(5),
+    JSON_ARRAY('Item5'),
+    false,
+    'Noch ausgeliehen'
+  ),
+  (
+    'user1',
+    JSON_ARRAY('Locker4'),
+    '456789',
+    '2025-12-01 09:00:00',
+    '2025-12-03 17:00:00',
+    '2025-12-01 09:10:00',
+    '2025-12-03 16:45:00',
+    '2025-12-01 09:00:00',
+    JSON_ARRAY(1),
+    JSON_ARRAY('Item1'),
+    true,
+    'Alte, gelöschte Ausleihe'
+  );
+
+-- API KEYS
+INSERT INTO apiKeys (api_key, entry_name)
+VALUES
+  ('10000001', 'Entry1'),
+  ('10000002', 'Entry2'),
+  ('10000003', 'Entry3'),
+  ('10000004', 'Entry4');

backendV2/schemeV2.sql

@@ -11,6 +11,7 @@ CREATE TABLE users (
   is_admin bool NOT NULL DEFAULT false,
   entry_created_at timestamp NULL DEFAULT CURRENT_TIMESTAMP,
   entry_updated_at timestamp NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+  secret_user bool NOT NULL DEFAULT false,
   PRIMARY KEY (id)
 ) ENGINE=InnoDB;
 
@@ -54,15 +55,4 @@ CREATE TABLE apiKeys (
   entry_created_at TIMESTAMP NULL DEFAULT CURRENT_TIMESTAMP,
   PRIMARY KEY (id),
   CHECK (api_key REGEXP '^[0-9]{8}$')
-) ENGINE=InnoDB;
+) ENGINE=InnoDB;
-
-CREATE TABLE functions (
-  id INT NOT NULL AUTO_INCREMENT,
-  function_name VARCHAR(500) NOT NULL UNIQUE,
-  active BOOLEAN NOT NULL DEFAULT true,
-  entry_updated_at timestamp NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
-  entry_created_at TIMESTAMP NULL DEFAULT CURRENT_TIMESTAMP,
-  PRIMARY KEY (id)
-) ENGINE=InnoDB;
-
-INSERT INTO functions (function_name) VALUES ("Loan Mailer"), ("Loan Service"), ("Contact Form Service"), ("User Frontend"), ("API")

backendV2/server.js

@@ -1,6 +1,6 @@
 import express from "express";
 import cors from "cors";
-import dotenv from "dotenv";
+import env from "dotenv";
 import info from "./info.json" assert { type: "json" };
 import { authenticate } from "./services/authentication.js";
 
@@ -14,15 +14,13 @@ import loanDataMgmtRouter from "./routes/admin/loanDataMgmt.route.js";
 import itemDataMgmtRouter from "./routes/admin/itemDataMgmt.route.js";
 import apiDataMgmtRouter from "./routes/admin/apiDataMgmt.route.js";
 import userMgmtRouterADMIN from "./routes/admin/userMgmt.route.js";
-import serverConfMgmtRouter from "./routes/admin/serverConfMgmt.route.js";
 
 // API routes
 import apiRouter from "./routes/api/api.route.js";
 
-dotenv.config();
+env.config();
 const app = express();
-const port = 8004;
+const port = 8102;
-const naasURL = process.env.NAAS_URL;
 
 app.use(cors());
 // Body-Parser VOR den Routen registrieren
@@ -39,7 +37,6 @@ app.use("/api/admin/user-data", userDataMgmtRouter);
 app.use("/api/admin/item-data", itemDataMgmtRouter);
 app.use("/api/admin/api-data", apiDataMgmtRouter);
 app.use("/api/admin/user-mgmt", userMgmtRouterADMIN);
-app.use("/api/admin/server-config", serverConfMgmtRouter);
 
 // API routes
 app.use("/api", apiRouter);
@@ -50,20 +47,6 @@ app.listen(port, () => {
   console.log(`Server is running on port: ${port}`);
 });
 
-app.get("/no", async (req, res) => {
-  try {
-    const response = await fetch(naasURL);
-    if (!response.ok) {
-      res.status(500).send("Request to no-as-a-service went wrong.");
-    }
-    const data = await response.json();
-    res.json(data);
-  } catch (error) {
-    console.error("Error communicating with no-as-a-service:", error);
-    res.status(500).send("Error communicating with no-as-a-service.");
-  }
-});
-
 app.get("/verify", authenticate, async (req, res) => {
   res.status(200).json({ message: "Token is valid", user: req.user });
 });

backendV2/services/authentication.js

@@ -1,12 +1,8 @@
 import { SignJWT, jwtVerify } from "jose";
 import env from "dotenv";
 import { verifyAPIKeyDB } from "./database.js";
-import { checkIfServiceIsActive2 } from "./functions.js";
 env.config();
 
-const api_service = "API";
-const user_frontend_service = "User Frontend";
-
 const secretKey = process.env.SECRET_KEY;
 if (!secretKey) {
   throw new Error("Missing SECRET_KEY environment variable");
@@ -49,13 +45,6 @@ export async function authenticate(req, res, next) {
   const apiKey = req.params.key;
 
   if (authHeader) {
-    const serviceActive = await checkIfServiceIsActive2(user_frontend_service);
-    if (!serviceActive) {
-      return res
-        .status(503)
-        .json({ message: "User Frontend is currently unavailable." });
-    }
-
     const parts = authHeader.split(" ");
     const scheme = parts[0];
     const token = parts[1];
@@ -72,13 +61,6 @@ export async function authenticate(req, res, next) {
       return res.status(403).json({ message: "Present token invalid" }); // present token invalid
     }
   } else if (apiKey) {
-    const serviceActive = await checkIfServiceIsActive2(api_service);
-    if (!serviceActive) {
-      return res
-        .status(503)
-        .json({ message: "API Service is currently unavailable." });
-    }
-
     try {
       await verifyAPIKey(apiKey);
       return next();

backendV2/services/functions.js

@@ -1,42 +0,0 @@
-import mysql from "mysql2";
-import dotenv from "dotenv";
-dotenv.config();
-
-const pool = mysql
-  .createPool({
-    host: process.env.DB_HOST,
-    user: process.env.DB_USER,
-    password: process.env.DB_PASSWORD,
-    database: process.env.DB_NAME,
-  })
-  .promise();
-
-export function checkIfServiceIsActive(service) {
-  return async (req, res, next) => {
-    const [result] = await pool.query(
-      "SELECT * FROM functions WHERE function_name = ? AND active = 1;",
-      [service],
-    );
-
-    if (result.length > 0) {
-      return next();
-    }
-
-    return res
-      .status(503)
-      .json({ message: `-${service}- is currently unavailable.` });
-  };
-}
-
-export async function checkIfServiceIsActive2(service) {
-  const [result] = await pool.query(
-    "SELECT * FROM functions WHERE function_name = ? AND active = 1;",
-    [service],
-  );
-
-  if (result.length > 0) {
-    return true;
-  }
-
-  return false;
-}

changelog.md

@@ -1,36 +0,0 @@
-# Changelog for upcoming version: v2.2
-
-This update provides some new features for the design. It also contains some improvements and I have also fixed some bugs.
-
-## New features
-
-- The overview page now has the note column and is overall better organised
-- I also addded the regular header to the page
-- I have added three animations to the Borrow System
-- I have added a new icon for the frontend, which is now also used in the header and the favicon. It is a dark version of the old icon, which fits better to the overall design. I have made it with Icon Composer. The old icon is still used for the admin panel, which has a light design. (Maybe I will change the admin panel design in the future...)
-- When you go to your user card (over the user icon in the header) you have a new button "Click me". If you click it, you will get an message... _I am just saying: I have implemented the no-as-a-service code in to my Backend._
-
-## Improvements
-
-- I have the error logging for the API route wehre you can take loans improved.
-- If you try to delete a loan that has not been returned yet, you will get an 507 error code.
-
-## Fixed bugs
-
-- Fixed bug: #13
-- Fixed bug for messaging when server has an error
-- Fixed footer height
-
----
-
-## New version numbers
-
-**Backend:** v2.2
-
-**Frontend:** v2.2
-
-**Admin panel:** v1.3.2
-
----
-
--[Theis](https://portfolio-theis.de)

docker-compose.yml

@@ -1,56 +1,51 @@
 services:
-  #  usr-frontend_v2:
+  demo_usr_frontend:
-  #    container_name: borrow_system-usr-frontend
+    container_name: demo_borrow_system-usr-frontend
-  #    build: ./FrontendV2
+    networks:
-  #    ports:
+      - proxynet
-  #      - "8001:80"
+    build: ./FrontendV2
-  #    restart: always
+    restart: unless-stopped
 
-  #  admin-frontend:
+  demo_admin_frontend:
-  #    container_name: borrow_system-admin-frontend
+    container_name: demo_borrow_system-admin-frontend
-  #    build: ./admin
+    networks:
-  #    ports:
+      - proxynet
-  #      - "8003:80"
+    build: ./admin
-  #    restart: always
+    restart: unless-stopped
 
-  backend_v2:
+  demo_backend_v2:
-    container_name: borrow_system-backend_v2
+    container_name: demo_borrow_system-backend_v2
+    networks:
+      - proxynet
     build: ./backendV2
-    ports:
-      - "8004:8004"
     environment:
       NODE_ENV: production
-      DB_HOST: mysql_v2
+      DB_HOST: demo_mysql_v2
       DB_USER: root
       DB_PASSWORD: ${DB_PASSWORD_V2}
       DB_NAME: borrow_system_new
     depends_on:
-      - mysql_v2
+      - demo_mysql_v2
-    restart: always
+    restart: unless-stopped
 
-  mysql_v2:
+  demo_mysql_v2:
-    container_name: borrow_system-mysql-v2
+    container_name: demo_borrow_system-mysql-v2
+    networks:
+      - proxynet
     image: mysql:8.0
-    restart: always
+    restart: unless-stopped
     environment:
       MYSQL_ROOT_PASSWORD: ${DB_PASSWORD_V2}
       MYSQL_DATABASE: borrow_system_new
       TZ: Europe/Berlin
     volumes:
-      - mysql-v2-data:/var/lib/mysql
+      - demo_mysql-v2-data:/var/lib/mysql
       - ./mysql-timezone.cnf:/etc/mysql/conf.d/timezone.cnf:ro
-    ports:
-      - "3310:3306"
-
-  no-as-a-service:
-    container_name: borrow_system-naas
-    ports:
-      - "3000:3000"
-    build:
-      context: ./no-as-a-service
-      dockerfile: Dockerfile
-    restart: always
 
 volumes:
   mysql-data:
-  mysql-v2-data:
+  demo_mysql-v2-data:
+
+networks:
+  proxynet:
+    external: true