dan/ester_os
1
0
Fork 0
mirror of https://github.com/danbulant/ester_os synced 2026-07-05 11:00:56 +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{ class Login extends React.Component{
constructor(p){ constructor(p){
super(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 = { this.state = {
login: false login: false,
time
}; };
} }
componentDidMount(){ componentDidMount(){
@ -31,11 +43,12 @@ class Login extends React.Component{
document.addEventListener("keydown", showLogin); document.addEventListener("keydown", showLogin);
} }
render(props){ render(props){
var time = this.state.time;
if (this.state.login) { if (this.state.login) {
return ( return (
<div id="loginPage" className="login active"> <div id="loginPage" className="login active">
<div className="time active"> <div className="time active">
00:00 {time}
</div> </div>
<div className="user active"> <div className="user active">
<div className="avatar-holder"> <div className="avatar-holder">
@ -51,16 +64,9 @@ class Login extends React.Component{
return ( return (
<div id="loginPage" className="login"> <div id="loginPage" className="login">
<div className="time"> <div className="time">
20:48 {time}
Press ENTER to open login
</div> </div>
<div className="user"> <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>
</div> </div>
); );