diff --git a/src/components/index/indexConsole/commands/fetchCommands/Login.js b/src/components/index/indexConsole/commands/fetchCommands/Login.js index ae1ab5f..9ce1ba5 100644 --- a/src/components/index/indexConsole/commands/fetchCommands/Login.js +++ b/src/components/index/indexConsole/commands/fetchCommands/Login.js @@ -4,7 +4,13 @@ import { connect } from 'react-redux' import { postAuth } from '../../../../../stores/user/duck/operations' -const Login = ({ user, postAuth, consoleHistory, setConsoleHistory, componentVisible }) => { +const Login = ({ + user, + postAuth, + consoleHistory, setConsoleHistory, + componentVisible, setComponentVisible, + activateConsoleInput +}) => { const loginInput = React.createRef() const passwInput = React.createRef() @@ -20,9 +26,9 @@ const Login = ({ user, postAuth, consoleHistory, setConsoleHistory, componentVis if ( login !== '' && password !== '') { postAuth(login, password) - .then( response => { - setMessage( response['error'] ) - }) + .then( response => { + setMessage( response['error'] ) + }) } else if ( passwInput.current.value === '' ) { document.getElementById('passwInput').focus() @@ -31,16 +37,21 @@ const Login = ({ user, postAuth, consoleHistory, setConsoleHistory, componentVis useEffect( () => { + if ( componentVisible ) { + document.getElementById('loginInput').focus() + } else { + activateConsoleInput() + } if (message !== '') { - let save = 'login: ' + loginInput.current.value + '\n' - + 'password: ' + hidePassword( passwInput.current.value ) + '\n' + let save = 'login: ' + loginInput.current.value + '\n' + + 'password: ' + hidePassword( passwInput.current.value ) + '\n' + message + '\n' loginInput.current.value = '' passwInput.current.value = '' setConsoleHistory( consoleHistory + save ) - componentVisible( false ) + setComponentVisible( false ) setMessage('') } } @@ -48,7 +59,7 @@ const Login = ({ user, postAuth, consoleHistory, setConsoleHistory, componentVis const hidePassword = (password) => { let hide = '' - for (let i = 0; i <= password.length; i++) + for (let i = 0; i < password.length; i++) hide += '*' return hide } diff --git a/src/components/index/indexConsole/indexConsole.js b/src/components/index/indexConsole/indexConsole.js index c1fabfa..5c54832 100644 --- a/src/components/index/indexConsole/indexConsole.js +++ b/src/components/index/indexConsole/indexConsole.js @@ -10,18 +10,6 @@ import '../../../styles/general.scss' const IndexConsole = ({ user }) => { - useEffect( () => resizeConsoleDiv(), []) - - const resizeConsoleDiv = () => { - let consoleDiv = document.getElementById('consoleDiv') - consoleDiv.style.height = window.innerHeight - 100 + 'px' - } - - const activateInput = () => { - let input = document.getElementById('consoleInput') - input.focus() - } - const [consoleHistory, setConsoleHistory] = useState('') const [loginCommand, setVisibleLoginForm] = useState(false) @@ -43,24 +31,55 @@ const IndexConsole = ({ user }) => { } ) + useEffect( () => resizeConsoleDiv(), []) + + const resizeConsoleDiv = () => { + let consoleDiv = document.getElementById('consoleDiv') + consoleDiv.style.height = window.innerHeight - 100 + 'px' + } + const detectCommand = (event) => { event.preventDefault() let inputValue = consoleInput.current.value consoleUser += inputValue + '\n' - if ( inputValue === 'help' ) - setConsoleHistory( consoleHistory + consoleUser + commands.help() ) - else if ( inputValue === 'login' ) { - setConsoleHistory( consoleHistory + consoleUser ) - setVisibleLoginForm( !loginCommand ) + + if ( user.username !== '' ) { + if ( inputValue === 'help' ){ + setConsoleHistory( consoleHistory + consoleUser + commands.helpUser() ) + } else if ( inputValue === 'logout' ) { + setConsoleHistory( consoleHistory + consoleUser ) + setVisibleLogoutForm( !logoutCommand ) + } else if ( inputValue === 'clean' ){ + setConsoleHistory( '' ) + } else { + setConsoleHistory( consoleHistory + consoleUser + commands.undefined(inputValue) ) + } + } else { + if ( inputValue === 'help' ){ + setConsoleHistory( consoleHistory + consoleUser + commands.help() ) + } else if ( inputValue === 'login' ) { + setConsoleHistory( consoleHistory + consoleUser ) + setVisibleLoginForm( !loginCommand ) + } else if ( inputValue === 'clean' ){ + setConsoleHistory( '' ) + } else { + setConsoleHistory( consoleHistory + consoleUser + commands.undefined(inputValue) ) + } } - else if ( inputValue === 'clean' ) - setConsoleHistory( '' ) - else - setConsoleHistory( consoleHistory + consoleUser + commands.undefined(inputValue) ) consoleInput.current.value = '' activateInput() } + const activateInput = () => { + document.getElementById('consoleInput').focus() + } + + const checkVisible = ( bool ) => { + return bool + ? { display: 'block' } + : { display: 'none' } + } + return (