kenmirrors/MagicMirror
1
0
Fork 0
mirror of https://github.com/MichMich/MagicMirror.git synced 2025-08-21 21:00:57 +00:00
Code Issues Projects Releases Wiki Activity

Fading for dateheaders

Browse Source 
Included fading for dateheaders option
Removed unnecessary switch statement in dateheaders option
This commit is contained in:
Dirk
2018-11-21 09:32:56 +01:00
committed by GitHub
parent 1547f4d8b2
commit cc96b86b3a
1 changed files with 20 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
modules/default/calendar/calendar.js
View File

@@ -144,6 +144,15 @@ Module.register("calendar", {
return wrapper; return wrapper;
} }
if (this.config.fade && this.config.fadePoint < 1) {
if (this.config.fadePoint < 0) {
this.config.fadePoint = 0;
}
var startFade = events.length * this.config.fadePoint;
var fadeSteps = events.length - startFade;
}
var currentFadeStep = 0;
var lastSeenDate = ""; var lastSeenDate = "";
for (var e in events) { for (var e in events) {
@@ -160,6 +169,10 @@ Module.register("calendar", {
dateRow.appendChild(dateCell); dateRow.appendChild(dateCell);
wrapper.appendChild(dateRow); wrapper.appendChild(dateRow);
if (e >= startFade) { //fading
currentFadeStep = e - startFade;
dateRow.style.opacity = 1 - (1 / fadeSteps * currentFadeStep);
}
lastSeenDate = dateAsString; lastSeenDate = dateAsString;
} }
@@ -242,22 +255,7 @@ Module.register("calendar", {
timeWrapper.className = "time light " + timeClass; timeWrapper.className = "time light " + timeClass;
timeWrapper.align = "left"; timeWrapper.align = "left";
timeWrapper.style.paddingLeft = "2px"; timeWrapper.style.paddingLeft = "2px";
var timeFormatString = ""; timeWrapper.innerHTML = moment(event.startDate, "x").format('LT');
switch (config.timeFormat) {
case 12: {
timeFormatString = "h:mm A";
break;
}
case 24: {
timeFormatString = "HH:mm";
break;
}
default: {
timeFormatString = "HH:mm";
break;
}
}
timeWrapper.innerHTML = moment(event.startDate, "x").format(timeFormatString);
eventWrapper.appendChild(timeWrapper); eventWrapper.appendChild(timeWrapper);
titleWrapper.align = "right"; titleWrapper.align = "right";
} }
@@ -275,6 +273,8 @@ Module.register("calendar", {
var oneHour = oneMinute * 60; var oneHour = oneMinute * 60;
var oneDay = oneHour * 24; var oneDay = oneHour * 24;
if (event.fullDayEvent) { if (event.fullDayEvent) {
//subtract one second so that fullDayEvents end at 23:59:59, and not at 0:00:00 one the next day
event.endDate -= oneSecond;
if (event.today) { if (event.today) {
timeWrapper.innerHTML = this.capFirst(this.translate("TODAY")); timeWrapper.innerHTML = this.capFirst(this.translate("TODAY"));
} else if (event.startDate - now < oneDay && event.startDate - now > 0) { } else if (event.startDate - now < oneDay && event.startDate - now > 0) {
@@ -366,19 +366,12 @@ Module.register("calendar", {
wrapper.appendChild(eventWrapper); wrapper.appendChild(eventWrapper);
// Create fade effect. // Create fade effect.
if (this.config.fade && this.config.fadePoint < 1) { if (e >= startFade) {
if (this.config.fadePoint < 0) { currentFadeStep = e - startFade;
this.config.fadePoint = 0; eventWrapper.style.opacity = 1 - (1 / fadeSteps * currentFadeStep);
}
var startingPoint = events.length * this.config.fadePoint;
var steps = events.length - startingPoint;
if (e >= startingPoint) {
var currentStep = e - startingPoint;
eventWrapper.style.opacity = 1 - (1 / steps * currentStep);
}
} }
} }
return wrapper; return wrapper;
}, },