|
|
|
@ -5,7 +5,10 @@ const NewEntryButton = document.getElementById('newEntrySubmitButton')
|
|
|
|
const SETStudySaveButton = document.getElementById('SETStudySaveButton')
|
|
|
|
const SETStudySaveButton = document.getElementById('SETStudySaveButton')
|
|
|
|
const SETMonthGoalSaveButton = document.getElementById('SETMonthGoalSaveButton')
|
|
|
|
const SETMonthGoalSaveButton = document.getElementById('SETMonthGoalSaveButton')
|
|
|
|
var allowToSend = false;
|
|
|
|
var allowToSend = false;
|
|
|
|
|
|
|
|
const monate = ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"];
|
|
|
|
|
|
|
|
const aktuellerMonat = monate[new Date().getMonth()];
|
|
|
|
|
|
|
|
// Aktuelles Datum
|
|
|
|
|
|
|
|
const currentDate = new Date();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//
|
|
|
|
//
|
|
|
|
@ -154,11 +157,11 @@ SETMonthGoalSaveButton.addEventListener('click', () => {
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
async function getActualDataAndFillView() {
|
|
|
|
async function getActualDataAndFillView(monat = currentDate.getMonth() + 1, jahr = currentDate.getFullYear()) {
|
|
|
|
try {
|
|
|
|
try {
|
|
|
|
|
|
|
|
|
|
|
|
// Aktuelles Datum
|
|
|
|
// Einfüfen des aktuellen Monats
|
|
|
|
const currentDate = new Date();
|
|
|
|
document.getElementById('actualMonthName').innerHTML = monate[monat - 1];
|
|
|
|
|
|
|
|
|
|
|
|
// Settings vor ausfüllen
|
|
|
|
// Settings vor ausfüllen
|
|
|
|
|
|
|
|
|
|
|
|
@ -174,7 +177,7 @@ async function getActualDataAndFillView() {
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
// Filter funktion aufrufen und entsprechend mit dem aktuellen Datum füllen
|
|
|
|
// 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)
|
|
|
|
// Tabelle mit den aktuellen informationen füllen (funktion triggern und Daten übergeben)
|
|
|
|
fillTableWithEntries(filteredEntries)
|
|
|
|
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
|
|
|
|
// FUNKTIONEN LIBARY
|
|
|
|
|
