dan/ester_os
1
0
Fork 0
mirror of https://github.com/danbulant/ester_os synced 2026-06-16 21:01:02 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Show current Time

Browse source
This commit is contained in:
danbulant 2020-02-07 22:22:08 +01:00
parent f9a89d2502
commit 8c8b4172dc
1 changed files with 16 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
client/src/ui/system/login.js
View file

@ -5,8 +5,20 @@ import "../../App.css";
class Login extends React.Component{
constructor(p){
super(p)
let date = new Date();
setTimeout(() => {
let date = new Date();
let time = date.getHours().toString().padStart(2, "0") + ":" + date.getMinutes().toString().padStart(2, "0");
this.state = {
time
};
setInterval(this, 60000);
}, (60 - date.getSeconds()) * 1000);
let time = date.getHours().toString().padStart(2, "0") + ":" + date.getMinutes().toString().padStart(2, "0");
this.state = {
login: false
login: false,
time
};
}
componentDidMount(){
@ -31,11 +43,12 @@ class Login extends React.Component{
document.addEventListener("keydown", showLogin);
}
render(props){
var time = this.state.time;
if (this.state.login) {
return (
<div id="loginPage" className="login active">
<div className="time active">
00:00
{time}
</div>
<div className="user active">
<div className="avatar-holder">
@ -51,16 +64,9 @@ class Login extends React.Component{
return (
<div id="loginPage" className="login">
<div className="time">
20:48
Press ENTER to open login
{time}
</div>
<div className="user">
<div className="avatar-holder">
<img className="avatar" alt="avatar" />
</div>
<div className="password-holder">
<input type="password" className="password" />
</div>
</div>
</div>
);