mirror of https://github.com/mue/mue.git
153 lines
4.6 KiB
JavaScript
153 lines
4.6 KiB
JavaScript
import variables from 'modules/variables';
|
|
import { PureComponent, createRef } from 'react';
|
|
|
|
import { nth, convertTimezone } from 'modules/helpers/date';
|
|
import EventBus from 'modules/helpers/eventbus';
|
|
|
|
import './greeting.scss';
|
|
|
|
export default class Greeting extends PureComponent {
|
|
constructor() {
|
|
super();
|
|
this.state = {
|
|
greeting: '',
|
|
};
|
|
this.timer = undefined;
|
|
this.greeting = createRef();
|
|
}
|
|
|
|
doEvents(time, message) {
|
|
if (localStorage.getItem('events') === 'false') {
|
|
return message;
|
|
}
|
|
|
|
// Get current month & day
|
|
const month = time.getMonth();
|
|
const date = time.getDate();
|
|
|
|
// If it's December 25th, set the greeting string to "Merry Christmas"
|
|
if (month === 11 && date === 25) {
|
|
message = variables.getMessage('widgets.greeting.christmas');
|
|
// If the date is January 1st, set the greeting string to "Happy new year"
|
|
} else if (month === 0 && date === 1) {
|
|
message = variables.getMessage('widgets.greeting.newyear');
|
|
// If it's October 31st, set the greeting string to "Happy Halloween"
|
|
} else if (month === 9 && date === 31) {
|
|
message = variables.getMessage('widgets.greeting.halloween');
|
|
}
|
|
|
|
return message;
|
|
}
|
|
|
|
calculateAge(date) {
|
|
const diff = Date.now() - date.getTime();
|
|
const birthday = new Date(diff);
|
|
return Math.abs(birthday.getUTCFullYear() - 1970);
|
|
}
|
|
|
|
getGreeting(time = 60000 - (Date.now() % 60000)) {
|
|
this.timer = setTimeout(() => {
|
|
let now = new Date();
|
|
const timezone = localStorage.getItem('timezone');
|
|
if (timezone && timezone !== 'auto') {
|
|
now = convertTimezone(now, timezone);
|
|
}
|
|
|
|
const hour = now.getHours();
|
|
|
|
// Set the default greeting string to "Good evening"
|
|
let message = variables.getMessage('widgets.greeting.evening');
|
|
// If it's before 12am, set the greeting string to "Good morning"
|
|
if (hour < 12) {
|
|
message = variables.getMessage('widgets.greeting.morning');
|
|
// If it's before 6pm, set the greeting string to "Good afternoon"
|
|
} else if (hour < 18) {
|
|
message = variables.getMessage('widgets.greeting.afternoon');
|
|
}
|
|
|
|
// Events and custom
|
|
const custom = localStorage.getItem('defaultGreetingMessage');
|
|
if (custom === 'false') {
|
|
message = '';
|
|
} else {
|
|
message = this.doEvents(now, message);
|
|
}
|
|
|
|
// Name
|
|
let name = '';
|
|
const data = localStorage.getItem('greetingName');
|
|
|
|
if (typeof data === 'string') {
|
|
if (data.replace(/\s/g, '').length > 0) {
|
|
name = `, ${data.trim()}`;
|
|
}
|
|
}
|
|
|
|
const birthday = localStorage.getItem('birthdayenabled');
|
|
|
|
if (custom === 'false' && birthday !== 'true') {
|
|
name = name.replace(',', '');
|
|
}
|
|
|
|
// Birthday
|
|
if (birthday === 'true') {
|
|
const birth = new Date(localStorage.getItem('birthday'));
|
|
|
|
if (birth.getDate() === now.getDate() && birth.getMonth() === now.getMonth()) {
|
|
if (localStorage.getItem('birthdayage') === 'true' && this.calculateAge(birth) !== 0) {
|
|
const text = variables.getMessage('widgets.greeting.birthday').split(' ');
|
|
message = `${text[0]} ${nth(this.calculateAge(birth))} ${text[1]}`;
|
|
} else {
|
|
message = variables.getMessage('widgets.greeting.birthday');
|
|
}
|
|
}
|
|
}
|
|
|
|
// Set the state to the greeting string
|
|
this.setState({
|
|
greeting: `${message}${name}`,
|
|
});
|
|
|
|
this.getGreeting();
|
|
}, time);
|
|
}
|
|
|
|
componentDidMount() {
|
|
EventBus.on('refresh', (data) => {
|
|
if (data === 'greeting' || data === 'timezone') {
|
|
if (localStorage.getItem('greeting') === 'false') {
|
|
return (this.greeting.current.style.display = 'none');
|
|
}
|
|
|
|
this.timer = null;
|
|
this.getGreeting(0);
|
|
|
|
this.greeting.current.style.display = 'block';
|
|
this.greeting.current.style.fontSize = `${
|
|
1.6 * Number((localStorage.getItem('zoomGreeting') || 100) / 100)
|
|
}em`;
|
|
}
|
|
});
|
|
|
|
// this comment can apply to all widget zoom features apart from the general one in the Accessibility section
|
|
// in a nutshell: 1.6 is the current font size, and we do "localstorage || 100" so we don't have to try that 4.0 -> 5.0 thing again
|
|
this.greeting.current.style.fontSize = `${
|
|
1.6 * Number((localStorage.getItem('zoomGreeting') || 100) / 100)
|
|
}em`;
|
|
|
|
this.getGreeting(0);
|
|
}
|
|
|
|
componentWillUnmount() {
|
|
EventBus.off('refresh');
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<span className="greeting" ref={this.greeting}>
|
|
{this.state.greeting}
|
|
</span>
|
|
);
|
|
}
|
|
}
|