From 86ece4b9ca72ad805e53639b8320f7e6ff88d657 Mon Sep 17 00:00:00 2001 From: Samuel Zielke Date: Tue, 5 Nov 2024 02:11:29 +0100 Subject: [PATCH] =?UTF-8?q?v1.2.0=20-=20Monatswechsel=20m=C3=B6glich?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .DS_Store | Bin 6148 -> 8196 bytes app/static/app/css/custom.css | 88 ++++++++++++++++++++++++++++++ app/static/app/js/home.js | 71 ++++++++++++++++++++++-- app/templates/app/home.html | 18 ++++-- app/templates/app/updateinfo.html | 20 +++---- 5 files changed, 178 insertions(+), 19 deletions(-) diff --git a/.DS_Store b/.DS_Store index 13d74f4c1a79951558247115916fcc07a68913d7..00ee53a1c7b03251310a02384b2719fb0cefeb72 100644 GIT binary patch literal 8196 zcmeHM&1(}u6n~S%cGFTDM5R3li+U-Pn6#DpafvZS1@+K~f*+*WZb%n5JF!U{q!gmy z$&afy@jvh^-rGwLJ?XW0@!FH17kzJLn#^X?9!1(2n0dSNesA{uezUWi*#H2`uee!& zF#xczl1&X`)2EQ1YNW(e&snq#63M^XWLKG;~v=9FzqD;^!#h%Erx1a^yp$0<5MYb%>mwk<7surL{lR)#XQ z#b7cV`)!5GDchD-h67WZ52min)DDG-tK;~#fCI}(Yg(g#Q6Q=S?cEcQhAMc_4DH`X z2OjFa8ZQ(apF7xRjc^w*cPZvztx7z%MHLmle3e7>kgro~I6rvHdS zpgok+YSb0#vs3rIMl+N7%3|@vv4KHr&>FU$6qk6b*eo|!8u{|_BRadsx$o>9m!11w zrBzCuyv~DW*$XPmBEWMi2zmU#3tZmH^OeADh}fcZSV=2cN{z3rWoM_RC+$nKne|C~ z?ebJ+(w>=~U0+XHr_NotI$wI~*8=`pBn(VFqhLgyciJ~yIw7e?c6YlTUFgEgjh&&p zLTDvcjdx{^dP5?QZqtQT+-h+-@OeVVqcKAGC$m!RZ`hzsGDGujA9%o&S0B#FU&p&EMtK&#yCz zZ;O|899o#4(~}+DeR_5ZrRN54oVG5?qi1$yruA;~wz{vx==!>ediAUTc5qNri~@&U zfw&|%MvG`}|L^~YT?WI?C~%||V2MJpkVgsjez*3jL3?c*>jG9PglkJHLa-qS^^5H| g+Rh(_cx)?QPT97!=)v;uKLl9j{V$X^%~4k1FF%G`c>n+a delta 137 zcmZp1XfcprU|?W$DortDU=RQ@Ie-{Mvv5sJ6q~50D9i { }) -async function getActualDataAndFillView() { +async function getActualDataAndFillView(monat = currentDate.getMonth() + 1, jahr = currentDate.getFullYear()) { try { - // Aktuelles Datum - const currentDate = new Date(); + // Einfüfen des aktuellen Monats + document.getElementById('actualMonthName').innerHTML = monate[monat - 1]; // Settings vor ausfüllen @@ -174,7 +177,7 @@ async function getActualDataAndFillView() { }); // Filter funktion aufrufen und entsprechend mit dem aktuellen Datum füllen - const filteredEntries = await filterEntriesByMonthYear(currentDate.getMonth() + 1, currentDate.getFullYear()); + const filteredEntries = await filterEntriesByMonthYear(monat, jahr); // Tabelle mit den aktuellen informationen füllen (funktion triggern und Daten übergeben) fillTableWithEntries(filteredEntries) @@ -337,6 +340,64 @@ document.getElementById('DeleteEntryButton').addEventListener('click', () => { }) +// +// MONATSANSICHT Anpassen +// + +const monthEntrys = document.querySelectorAll('.monthEntrys'); +var diffMonth = 0 + +document.getElementById('dashbord_month_area').addEventListener('click', () =>{ + if (!document.getElementById('dashbord_month_area').classList.contains('ActiveMonth')) { + document.getElementById('dashbord_month_area').classList.replace('closeMonthArea', 'openMonthArea') + document.getElementById('dashbord_month_area').classList.add(['openMonthArea']) + document.getElementById('dashbord_month_area').classList.add(['ActiveMonth']) + document.getElementById('ActivitysTable').classList.add(['shrinkActivitys']) + document.getElementById('ActivitysTable').classList.replace('growActivitys', 'shrinkActivitys') + document.getElementById('dashbord_month_area').classList.remove('mt-4') + // document.getElementById('dashbord_year_area').classList.add('fade-out') + // Für jedes ausgewählte Element die neue Klasse hinzufügen + setTimeout(function() { + monthEntrys.forEach(element => { + if (element.classList.contains('fade-out')) { + element.classList.replace('fade-out', 'fade-in'); + } else { + element.classList.add('fade-in'); + } + }); + document.getElementById('MonthNameOfActual').innerHTML = "Aktuell:" + }, 300); + } else { + document.getElementById('dashbord_month_area').classList.remove('ActiveMonth') + document.getElementById('dashbord_month_area').classList.replace('openMonthArea', 'closeMonthArea') + document.getElementById('ActivitysTable').classList.replace('shrinkActivitys', 'growActivitys') + monthEntrys.forEach(element => { + element.classList.replace('fade-in', 'fade-out'); + }); + document.getElementById('MonthNameOfActual').innerHTML = "Monat:" + // document.getElementById('actualMonthName').innerHTML = monate[new Date().getMonth()]; + diffMonth = 0; + getActualDataAndFillView(new Date().getMonth() + diffMonth + 1) + } +}) + +document.getElementById('btn-month-before').addEventListener('click', () =>{ + diffMonth = ((monate[new Date().getMonth() + diffMonth]) != 'September') ? diffMonth - 1 : diffMonth; + // document.getElementById('actualMonthName').innerHTML = monate[new Date().getMonth() + diffMonth]; + getActualDataAndFillView(new Date().getMonth() + diffMonth + 1) +}); + +document.getElementById('btn-month-next').addEventListener('click', () =>{ + diffMonth = ((monate[new Date().getMonth() + diffMonth]) != 'August') ? diffMonth + 1 : diffMonth; + // document.getElementById('actualMonthName').innerHTML = monate[new Date().getMonth() + diffMonth]; + getActualDataAndFillView(new Date().getMonth() + diffMonth + 1) +}) + +function setNewCalsOfMonth(TheMonth) { + +} + + // // FUNKTIONEN LIBARY diff --git a/app/templates/app/home.html b/app/templates/app/home.html index a85ea93..09562da 100644 --- a/app/templates/app/home.html +++ b/app/templates/app/home.html @@ -43,7 +43,7 @@
-
+

Jahr: h/600h

Offen: h

@@ -52,20 +52,30 @@
-
+
+
-

Monat: h

+

Monat: h

Offen: h

+
+
+ +
+ < +

+ > +
+
@@ -82,7 +92,7 @@
-
+

Aktivitäten

diff --git a/app/templates/app/updateinfo.html b/app/templates/app/updateinfo.html index 9e743a4..481beb6 100644 --- a/app/templates/app/updateinfo.html +++ b/app/templates/app/updateinfo.html @@ -1,21 +1,21 @@

Update Time!

-
v1.1.0
+
+
v1.2.0

- Wie versproche geht es weiter! -
Ja kleine Schritte, aber ich hoffe hilfreich 😀 + WICHTIGE NEUIGKEIT! +
Wieder ein kleiner Schritt 😀

Was ist neu? -
1. Die Einstellungen oben Rechts -
2. Einstellugnen: Bibelstudien pflegen -
3. Einstellungen: Eigenes Monatsziel -
-
Fehlerbehebung: -
1. Einträge nach Datum sortieren nicht nach Hinzufügen +
Du kannst jetzt die Monate wechseln. +
+
Wie? +
Tippe dazu einfach auf die "Monats"-Kachel +
mit dem übersichtsbalken.

Viel Freude beim Testen und Gruß,
Samuel


- \ No newline at end of file + \ No newline at end of file