delted unused imports

Added export button, but without any function
- The function comes later...
2025-08-16 21:03:35 +02:00 · 2025-08-16 21:03:12 +02:00
13 changed files with 62 additions and 62 deletions
--- a/backend/Dockerfile
+++ b/backend/Dockerfile
@@ -7,6 +7,6 @@ RUN npm install

 COPY . .

-EXPOSE 8502
+EXPOSE 8002

 CMD ["npm", "start"]
--- a/backend/package.json
+++ b/backend/package.json
@@ -1,7 +1,6 @@
 {
  "name": "backend",
  "version": "1.0.0",
-  "type": "module",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
--- a/backend/server.js
+++ b/backend/server.js
@@ -13,7 +13,7 @@ import {
 import { generateToken, authenticate } from "./services/tokenService.js";
 env.config();
 const app = express();
-const port = 8502;
+const port = 8002;

 app.use(cors());
 // Increase body size limits to support large CSV JSON payloads
@@ -34,6 +34,8 @@ app.post("/lose", async (req, res) => {
  }
 });

+// !!!!!!! AUTHORISATION HINZUFÜGEN - DENN GEHT NICHT !!!!!!!!
+
 app.get("/table-data", authenticate, async (req, res) => {
  const result = await getTableData();
  if (result.success && result.data) {
--- a/backend/views/index.ejs
+++ b/backend/views/index.ejs
@@ -1,12 +1,11 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Backend</title>
 </head>
 <body>
-    <h1>You have reached the backend views index page!</h1>
-    <p>Currently, there is nothing to display!</p>
+    Backend
 </body>
 </html>
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,27 +1,21 @@
 services:
-  mcs_lose-frontend:
-    container_name: mcs_lose-frontend
-    build: ./frontend
-    ports:
-      - "8501:8501"
-    environment:
-      - CHOKIDAR_USEPOLLING=true
-    networks:
-      - proxynet
-      - lose-local
-    volumes:
-      - ./frontend:/app
-      - /app/node_modules
-    restart: unless-stopped
+  #  mcs_lose-frontend:
+  #    container_name: mcs_lose-frontend
+  #    build: ./frontend
+  #    ports:
+  #      - "8001:8001"
+  #    environment:
+  #      - CHOKIDAR_USEPOLLING=true
+  #    volumes:
+  #      - ./frontend:/app
+  #      - /app/node_modules
+  #    restart: unless-stopped

  mcs_lose-backend:
    container_name: mcs_lose-backend_express
    build: ./backend
    ports:
-      - "8502:8502"
-    networks:
-      - proxynet
-      - lose-local
+      - "8002:8002"
    environment:
      DB_HOST: mysql
      DB_USER: root
@@ -37,21 +31,13 @@ services:
    container_name: mcs_lose-mysql
    image: mysql:8.0
    restart: unless-stopped
-    networks:
-      - lose-local
    environment:
      MYSQL_ROOT_PASSWORD: D7Ze0lwV9hMrNQHdz1Q8yi0MIQuOO8
      MYSQL_DATABASE: mcs_lose
    volumes:
      - mysql-data:/var/lib/mysql
    ports:
-      - "8500:3306"
+      - "3308:3306"

 volumes:
  mysql-data:
-
-networks:
-  proxynet:
-    external: true
-  lose-local:
-    external: false
--- a/frontend/Dockerfile
+++ b/frontend/Dockerfile
@@ -7,6 +7,6 @@ RUN npm install

 COPY . .

-EXPOSE 8501
+EXPOSE 8001

 CMD ["npm", "run", "dev"]
--- a/frontend/src/components/SubHeaderAdmin.tsx
+++ b/frontend/src/components/SubHeaderAdmin.tsx
@@ -1,10 +1,11 @@
-import React from "react";
-import { Sheet, WholeWord, Search, DatabaseZap } from "lucide-react";
+import React, { useEffect } from "react";
+import { Sheet, WholeWord, Search, DatabaseZap, FileDown } from "lucide-react";
 import { useState } from "react";
 import ImportGUI from "./ImportGUI";
 import Cookies from "js-cookie";
 import { removeSelection } from "../utils/tableActions";
 import DangerZone from "./DangerZone";
+import { myToast } from "../utils/toastify";

 type SubHeaderAdminProps = {
  setFiles: (files: File[]) => void;
@@ -22,6 +23,13 @@ const SubHeaderAdmin: React.FC<SubHeaderAdminProps> = ({
 }) => {
  const [showImport, setShowImport] = useState(false);
  const [showDanger, setShowDanger] = useState(false);
+  const [exporting, setExporting] = useState(false);
+
+  useEffect(() => {
+    if (exporting) {
+      myToast("Export in Bearbeitung...", "info");
+    }
+  }, [exporting]);

  return (
    <>
@@ -62,6 +70,17 @@ const SubHeaderAdmin: React.FC<SubHeaderAdminProps> = ({
              />
              <span className="whitespace-nowrap">Losnummern importieren</span>
            </button>
+            <button
+              onClick={() => setExporting(true)}
+              type="button"
+              className="group inline-flex items-center gap-2 rounded-md border border-gray-300 bg-white px-3.5 py-2 text-sm font-medium text-gray-700 shadow-sm transition hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/60 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
+            >
+              <FileDown
+                className="h-4 w-4 shrink-0 text-gray-500 transition group-hover:text-gray-600"
+                strokeWidth={1.75}
+              />
+              <span className="whitespace-nowrap">Losnummern exportieren</span>
+            </button>
            <button
              onClick={() => {
                removeSelection(Cookies.get("token") || "");
@@ -99,9 +118,7 @@ const SubHeaderAdmin: React.FC<SubHeaderAdminProps> = ({
        />
      )}

-      {showDanger && (
-        <DangerZone onClose={() => setShowDanger(false)} />
-      )}
+      {showDanger && <DangerZone onClose={() => setShowDanger(false)} />}
    </>
  );
 };
--- a/frontend/src/utils/fileHandler.ts
+++ b/frontend/src/utils/fileHandler.ts
@@ -55,7 +55,7 @@ export async function postCSV(file: File): Promise<boolean> {
  const chunkSize = 2000; // ~2k per request => 25 requests for 50k
  for (let i = 0; i < lines.length; i += chunkSize) {
    const chunk = lines.slice(i, i + chunkSize);
-    const res = await fetch("https://backend.lose.the1s.de/create-entry", {
+    const res = await fetch("http://localhost:8002/create-entry", {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
--- a/frontend/src/utils/handleSubmit.ts
+++ b/frontend/src/utils/handleSubmit.ts
@@ -20,7 +20,7 @@ export const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {

  let response: Response;
  try {
-    response = await fetch("https://backend.lose.the1s.de/login", {
+    response = await fetch("http://localhost:8002/login", {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({ username, password }),
--- a/frontend/src/utils/register.ts
+++ b/frontend/src/utils/register.ts
@@ -1,7 +1,7 @@
 import { myToast } from "./toastify";

 export const registerLos = async (data: any) => {
-  await fetch("https://backend.lose.the1s.de/lose", {
+  await fetch("http://localhost:8002/lose", {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
--- a/frontend/src/utils/tableActions.ts
+++ b/frontend/src/utils/tableActions.ts
@@ -30,7 +30,7 @@ function createHeaders(token: string) {
 export const removeSelection = (token: string) => {
  const selection = Cookies.get("removeArr");
  if (selection && selection !== "[]") {
-    fetch("https://backend.lose.the1s.de/remove-entries", {
+    fetch("http://localhost:8002/remove-entries", {
      method: "DELETE",
      headers: createHeaders(token),
      body: `{
@@ -50,7 +50,7 @@ export const removeSelection = (token: string) => {
 };

 export const saveRow = (data: any, token: string) => {
-  fetch("https://backend.lose.the1s.de/save-row", {
+  fetch("http://localhost:8002/save-row", {
    method: "PUT",
    headers: createHeaders(token),
    body: JSON.stringify(data),
@@ -64,7 +64,7 @@ export const saveRow = (data: any, token: string) => {
 };

 export const resetData = (token: string) => {
-  fetch("https://backend.lose.the1s.de/reset-data", {
+  fetch("http://localhost:8002/reset-data", {
    method: "DELETE",
    headers: createHeaders(token),
  }).then((response) => {
--- a/frontend/src/utils/userHandler.ts
+++ b/frontend/src/utils/userHandler.ts
@@ -10,7 +10,7 @@ export const logoutAdmin = () => {
 // Fetch table data and store it in localStorage. Returns the parsed data or null on failure.
 export const getTableData = async (token: string) => {
  try {
-    const response = await fetch("https://backend.lose.the1s.de/table-data", {
+    const response = await fetch("http://localhost:8002/table-data", {
      method: "GET",
      headers: {
        Authorization: `Bearer ${token}`,
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -1,18 +1,15 @@
 import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import svgr from "vite-plugin-svgr";
 import tailwindcss from "@tailwindcss/vite";

 export default defineConfig({
-  plugins: [tailwindcss()],
+  plugins: [react(), svgr(), tailwindcss()],
  server: {
    host: "0.0.0.0",
-    allowedHosts: ["lose.the1s.de"],
-    port: 8501,
-    https: false,
-    watch: { usePolling: true },
-    hmr: {
-      host: "lose.the1s.de",
-      port: 8501,
-      protocol: "wss",
+    port: 8001,
+    watch: {
+      usePolling: true,
    },
  },
 });
Author	SHA1	Message	Date
theis.gaedigk	a910320b16	delted unused imports	2025-08-16 21:03:35 +02:00
theis.gaedigk	b8d609ac28	Added export button, but without any function - The function comes later...	2025-08-16 21:03:12 +02:00