From fd43a158dd4c8243e19c6fc1a1ef0e53eb854804 Mon Sep 17 00:00:00 2001
From: brausjonas <brausjonas@gmail.com>
Date: Fri, 5 May 2023 20:04:07 +0200
Subject: [PATCH] Calender View Bug Fix

---
 anwendung/src/components/CalenderView.jsx | 44 +++++++++++++++++++----
 anwendung/src/pages/index.js              |  1 -
 anwendung/src/styles/globals.css          |  4 ++-
 3 files changed, 40 insertions(+), 9 deletions(-)

diff --git a/anwendung/src/components/CalenderView.jsx b/anwendung/src/components/CalenderView.jsx
index 200d012..6f8133e 100644
--- a/anwendung/src/components/CalenderView.jsx
+++ b/anwendung/src/components/CalenderView.jsx
@@ -162,7 +162,7 @@ export default function CalenderView(p) {
                     }
 
                     if (free) {
-                        current_list.push(new CalenderEntry(row, row + 2));
+                        current_list.push(new CalenderEntry(row, row + 3));
                         setT(!t);
                     }
                 }
@@ -213,7 +213,12 @@ export default function CalenderView(p) {
                             gridColumnEnd: 0
                         }} id={"entry"}>
                             <div className={"resize-grab"} id={"grab"}></div>
-                            <p>{internal_to_time(d.start_point) + " - " + internal_to_time(d.end_point)}</p>
+                            <div style={{maxHeight: "60%"}} className={"no-pointer-events"}>
+                                <p>{internal_to_time(d.start_point) + " - " + internal_to_time(d.end_point)}</p>
+                                <p>Moduel etc.</p>
+                                <p>Mehr Infos</p>
+                                <p>Raum</p>
+                            </div>
                             <div className={"resize-grab"} id={"grab"}></div>
                         </div>))}
                     </div>
@@ -227,7 +232,12 @@ export default function CalenderView(p) {
                         }} id={"entry"}>
 
                             <div className={"resize-grab"} id={"grab"}></div>
-                            <p>{internal_to_time(d.start_point) + " - " + internal_to_time(d.end_point)}</p>
+                            <div style={{maxHeight: "60%"}} className={"no-pointer-events"}>
+                                <p>{internal_to_time(d.start_point) + " - " + internal_to_time(d.end_point)}</p>
+                                <p>Moduel etc.</p>
+                                <p>Mehr Infos</p>
+                                <p>Raum</p>
+                            </div>
                             <div className={"resize-grab"} id={"grab"}></div>
                         </div>))}
                     </div>
@@ -242,7 +252,12 @@ export default function CalenderView(p) {
                         }} id={"entry"}>
 
                             <div className={"resize-grab"} id={"grab"}></div>
-                            <p>{internal_to_time(d.start_point) + " - " + internal_to_time(d.end_point)}</p>
+                            <div style={{maxHeight: "60%"}} className={"no-pointer-events"}>
+                                <p>{internal_to_time(d.start_point) + " - " + internal_to_time(d.end_point)}</p>
+                                <p>Moduel etc.</p>
+                                <p>Mehr Infos</p>
+                                <p>Raum</p>
+                            </div>
                             <div className={"resize-grab"} id={"grab"}></div>
                         </div>))}
                     </div>
@@ -256,7 +271,12 @@ export default function CalenderView(p) {
                         }} id={"entry"}>
 
                             <div className={"resize-grab"} id={"grab"}></div>
-                            <p>{internal_to_time(d.start_point) + " - " + internal_to_time(d.end_point)}</p>
+                            <div style={{maxHeight: "60%"}} className={"no-pointer-events"}>
+                                <p>{internal_to_time(d.start_point) + " - " + internal_to_time(d.end_point)}</p>
+                                <p>Moduel etc.</p>
+                                <p>Mehr Infos</p>
+                                <p>Raum</p>
+                            </div>
                             <div className={"resize-grab"} id={"grab"}></div>
                         </div>))}
                     </div>
@@ -270,7 +290,12 @@ export default function CalenderView(p) {
                             gridRowEnd: d.end_point
                         }} id={"entry"}>
                             <div className={"resize-grab"} id={"grab"}></div>
-                            <p>{internal_to_time(d.start_point) + " - " + internal_to_time(d.end_point)}</p>
+                            <div style={{maxHeight: "60%"}} className={"no-pointer-events"}>
+                                <p>{internal_to_time(d.start_point) + " - " + internal_to_time(d.end_point)}</p>
+                                <p>Moduel etc.</p>
+                                <p>Mehr Infos</p>
+                                <p>Raum</p>
+                            </div>
                             <div className={"resize-grab"} id={"grab"}></div>
                         </div>))}
                     </div>
@@ -284,7 +309,12 @@ export default function CalenderView(p) {
                             gridRowEnd: d.end_point
                         }} id={"entry"}>
                             <div className={"resize-grab"} id={"grab"}></div>
-                            <p>{internal_to_time(d.start_point) + " - " + internal_to_time(d.end_point)}</p>
+                            <div style={{maxHeight: "60%"}} className={"no-pointer-events"}>
+                                <p>{internal_to_time(d.start_point) + " - " + internal_to_time(d.end_point)}</p>
+                                <p>Moduel etc.</p>
+                                <p>Mehr Infos</p>
+                                <p>Raum</p>
+                            </div>
                             <div className={"resize-grab"} id={"grab"}></div>
                         </div>))}
                     </div>
diff --git a/anwendung/src/pages/index.js b/anwendung/src/pages/index.js
index 86e6d01..f21e4df 100644
--- a/anwendung/src/pages/index.js
+++ b/anwendung/src/pages/index.js
@@ -19,7 +19,6 @@ export default function Home(p) {
         <>
             <div style={{height: 50}}></div>
             <CalenderView/>
-            <PopUp/>
         </>
 
     )
diff --git a/anwendung/src/styles/globals.css b/anwendung/src/styles/globals.css
index c52e6e7..3622c34 100644
--- a/anwendung/src/styles/globals.css
+++ b/anwendung/src/styles/globals.css
@@ -278,10 +278,11 @@ Calender View
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  padding: 0px 2px;
+  padding: 0 2px;
   align-items: center;
   cursor: move;
   z-index: 10;
+  overflow: hidden;
 }
 
 .entry .resize-grab
@@ -291,6 +292,7 @@ Calender View
   width: 100%;
 }
 
+
 .entry p
 {
   color: white;