Performance Update

Dozenten Freigabe/Blockade möglich
Zurück Button Implementiert
PUUUUSH (insider für Jonas)

anwendung/src/components/Back.jsx

@@ -0,0 +1,21 @@
+import Button from "@/components/Button";
+import {useRouter} from "next/router";
+import {baseURL} from "@/components/Constants";
+import {arrowLeft} from "@/components/Icons";
+
+
+export default function Back(p)
+{
+    return(
+        <div style={{
+            position : "absolute",
+            left : 20,
+            top : 20,
+            width : 60,
+            height : 60
+
+        }}>
+        <Button onClick={() => p.onClick()} icon={arrowLeft} color={"#77932b"} width={75} height={40}/>
+        </div>
+    )
+}

anwendung/src/components/Icons.js

@@ -12,4 +12,8 @@ export const deleteItem = `<svg xmlns="http://www.w3.org/2000/svg" fill="black"
 
 export const editItem = `<svg xmlns="http://www.w3.org/2000/svg" fill="black" class="bi bi-pencil-fill" viewBox="0 0 16 16">
   <path d="M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708l-3-3zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207l6.5-6.5zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.499.499 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11l.178-.178z"/>
+</svg>`
+
+export const buttonBack = `<svg xmlns="http://www.w3.org/2000/svg" fill="white" class="bi bi-arrow-return-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z"/>
 </svg>`

anwendung/src/components/Logout.jsx

@@ -16,7 +16,7 @@ export default function Logout()
     return (
         <div style={{
             position: "absolute",
-            left: 20,
+            right: 20,
             top: 20,
             width: 130,
             height: 60,

anwendung/src/pages/planning.js

@@ -1,13 +1,18 @@
 import CalenderView from "@/components/CalenderView";
 import Background from "@/components/Background";
 import Logout from "@/components/Logout";
+import Back from "@/components/Back";
+import {useRouter} from "next/router";
+
 
 export default function planning(p)
 {
+    let router = useRouter()
 
     return (
         <div className={"normal-centered"}>
             <Logout/>
+            <Back onClick={() => router.back()}/>
             <Background/>
             <CalenderView/>
         </div>

anwendung/src/pages/semesteroverviewLecturer.js

@@ -7,6 +7,7 @@ import PopUp from "@/components/PopUp";
 import Background from "@/components/Background";
 import Logout from "@/components/Logout";
 import {baseURL} from "@/components/Constants"
+import Back from "@/components/Back";
 
 export default function SemesteroverviewLecturer(p) {
     function getModules() {
@@ -37,12 +38,13 @@ export default function SemesteroverviewLecturer(p) {
     }
 
     function onClickSemester(e, m) {
-        if (m.target === m.currentTarget) {
-            localStorage.setItem("currentsid", e.semesterid)
-            localStorage.setItem("currentmodulename", e.name)
-            router.push("/planning")
+        if (e.activated == 1) {
+            if (m.target === m.currentTarget) {
+                localStorage.setItem("currentsid", e.semesterid)
+                localStorage.setItem("currentmodulename", e.name)
+                router.push("/planning")
+            }
         }
-
     }
 
 
@@ -61,7 +63,7 @@ export default function SemesteroverviewLecturer(p) {
             <Background/>
             {entries.map((e, index) => (
                 <SemesterTile
-                    editable = {false} text={semesterNames[index]} text2={e.name} onClick={(f) => onClickSemester(e, f)}
+                    editable = {false} text={semesterNames[index]} text2={e.name} onClick={(f) => onClickSemester(e, f)} color={e.activated==1?"#ffffff":"#aaaaaa"}
                 />
             ))}
         </div>