diff --git a/client/src/Components/Admin/alogin.jsx b/client/src/Components/Admin/alogin.jsx new file mode 100644 index 0000000000000000000000000000000000000000..be5e176567906a90a6b427cb65c6f9086a4c74e2 --- /dev/null +++ b/client/src/Components/Admin/alogin.jsx @@ -0,0 +1,71 @@ +import React, { Component } from 'react'; +import {Link, Redirect} from 'react-router-dom'; +import '../pages.css'; +import Admin from './admin-page'; +import axois from 'axios'; + +class Alogin extends Component { + constructor(props) { + super(props); + this.login = this.login.bind(this); + this.handleChange = this.handleChange.bind(this); + this.state = { + user_id: '', + password: '', + rnd:0, + }; + } + + handleChange(e) { + this.setState({ [e.target.name]: e.target.value }); + } + + login(e) { + axois.get('http://localhost:5000/admin/'+ this.state.user_id.toString()) + .then(response => { + if(response.data!==null){ + if(response.data.password===this.state.password){ + this.setState({rnd:1}); + } + else window.alert("Invalid credentials"); + } + else window.alert('Invalid Admin_id') + + }); + e.preventDefault(); + } + + render() { + if(this.state.rnd===0){ + return ( + <div> + <div class="topnav" id="myTopnav"> + <Link to = '/'>Home</Link> + </div> + <h1 style={{color : "red",fontFamily : "fantasy"}}>Login as Admin</h1> + + + <div id="cred"> + <form> + <div><label htmlfor="exampleInputuser_id1">User_id</label></div> + <input value={this.state.user_id} onChange={this.handleChange} type="text" name="user_id" class="form-control" id="exampleInputuser_id1" aria-describedby="user_idHelp" style={{width:"330px"}} placeholder="Enter user_id" /> + <br/><br/> + <div><label for="exampleInputPassword1">Password</label></div> + <input value={this.state.password} onChange={this.handleChange} type="password" name="password" class="form-control" id="exampleInputPassword1" placeholder="Password" /><br/> + <button type="submit" onClick={this.login} class="btn btn-5">Login</button> + <br/> + </form> + </div> + <div style={{backgroundColor:'white',position:'absolute',right:'2%',top:'10%',width:'200px',textAlign:'center',borderRadius:'10px'}}> + <p>admin_id : admin</p> + <p>password : admin</p> + </div> + </div> + ); + } + else{ + return <Redirect to='/Admin'/> + } + } +} +export default Alogin; \ No newline at end of file