jonas/TIF22A_AnwProjekt_B
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Calender View Einheitliche Ränder

Browse Source
This commit is contained in:
brausjonas
2023-05-05 18:49:02 +02:00
parent 54394cc726
commit 9d05046106
3 changed files with 34 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
anwendung/src/components/CalenderView.jsx
+23 -15
View File
@@ -99,13 +99,10 @@ export default function CalenderView(p) {
current = null;
}
if(current != null)
{
if (current != null) {
let temp = []
for(let i = 0; i < current_list.length; i++)
{
if(current_list[i] !== current)
{
for (let i = 0; i < current_list.length; i++) {
if (current_list[i] !== current) {
temp.push(current_list[i]);
}
}
@@ -183,15 +180,22 @@ export default function CalenderView(p) {
return integer + ":" + minutes_string;
}
let temp = []
for (let i = 0; i < 96; i++) {
temp.push(i);
}
return (
<div id={t}>
<div className={"wochen-tag-container"}>
<div className={"wochen-tag font-small"}>Montag</div>
<div className={"wochen-tag font-small"}>Dienstag</div>
<div className={"wochen-tag font-small"}>Mittwoch</div>
<div className={"wochen-tag font-small"}>Donnerstag</div>
<div className={"wochen-tag font-small"}>Freitag</div>
<div className={"wochen-tag font-small"}>Samstag</div>
<div id={t} style={{border: "2px solid #363636", borderRadius: 5}}>
<div style={{backgroundColor: "#363636"}}>
<div className={"wochen-tag-container"}>
<div className={"wochen-tag font-small"}>Montag</div>
<div className={"wochen-tag font-small"}>Dienstag</div>
<div className={"wochen-tag font-small"}>Mittwoch</div>
<div className={"wochen-tag font-small"}>Donnerstag</div>
<div className={"wochen-tag font-small"}>Freitag</div>
<div className={"wochen-tag font-small"}>Samstag</div>
</div>
</div>
<div className={"calender-container"}>
<div className={"calender-view"}>
@@ -202,7 +206,9 @@ export default function CalenderView(p) {
{entries["mo"].map(d => (<div className={"entry"} style={{
width: "100%",
gridRowStart: d.start_point,
gridRowEnd: d.end_point
gridRowEnd: d.end_point,
gridColumnStart: 0,
gridColumnEnd: 0
}} id={"entry"}>
<div className={"resize-grab"} id={"grab"}></div>
<p>{internal_to_time(d.start_point)}</p>
@@ -287,6 +293,8 @@ export default function CalenderView(p) {
</div>))}
</div>
</div>
</div>
</div>
)