Updated UI

parent dfc509fe
......@@ -18,6 +18,9 @@ app = Starlette(debug=True)
credentials = service_account.Credentials.from_service_account_file("./serviceKey.json", scopes=scopes)
authed_session = AuthorizedSession(credentials)
@app.route('/auth')
async def show_index(request):
return templates.TemplateResponse('index.html', {'request': request})
@app.route('/auth',methods=["POST"])
async def firebase_login(request):
......@@ -60,7 +63,7 @@ async def firebase_register(request):
try:
message = json.loads(response._content)['error']['message']
except:
message = "Some error Occured."
message = '<div class="alert alert-danger" role="alert">'+"Some error Occured."+"</div>"
return templates.TemplateResponse('register.html', {'request': request, 'err_msg':message})
else:
message = "Successfully registered."
......@@ -68,11 +71,13 @@ async def firebase_register(request):
@app.route('/')
async def login(request):
return templates.TemplateResponse('login.html', {'request': request})
message = ''
return templates.TemplateResponse('login.html', {'request': request,'err_msg':message})
@app.route('/register')
async def login(request):
return templates.TemplateResponse('register.html', {'request': request})
message = ''
return templates.TemplateResponse('register.html', {'request': request,'err_msg':message})
@app.route('/contribute')
async def contrbPage(request):
......
......@@ -16,7 +16,7 @@
<div class="container">
<!-- navbar component from getbootstrap.com -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" style="margin-top: 1px">
<a class="navbar-brand" href="/">Evaluate</a>
<a class="navbar-brand" href="/auth">Home</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
......@@ -26,15 +26,17 @@
<a class="nav-item nav-link" href="/contribute">Contribute</a><!-- Internal page links -->
<a class="nav-item nav-link" href="https://github.com/KartavyaKothari/Automated-essay-grading-UI">About</a><!-- Internal page links -->
<a class="nav-item nav-link" href="#links"></a><!-- Internal page links -->
<a class="nav-item nav-link" href="/">Logout</a>
</div>
</div>
</nav>
<br />
<div class="jumbotron">
<h1 class="display-4">Add your essay to our existing corpus</h1>
<p class="lead">This is a simple essay evaliation unit, an interface for calling essay evaluation model (ASAP)</p>
<h1 class="display-4" style="font-size:5vw;">Add your essay to our existing corpus</h1>
<p class="lead" style="font-size:1.2em;">This is a simple essay evaliation unit, an interface for calling essay evaluation model (ASAP)</p>
<hr class="my-4">
<p>
<div class="input-group">
......
......@@ -16,7 +16,7 @@
<div class="container">
<!-- navbar component from getbootstrap.com -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" style="margin-top: 1px">
<a class="navbar-brand" href="/">Home</a>
<a class="navbar-brand" href="/auth">Home</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
......@@ -26,15 +26,18 @@
<a class="nav-item nav-link" href="/contribute">Contribute</a><!-- Internal page links -->
<a class="nav-item nav-link" href="https://github.com/KartavyaKothari/Automated-essay-grading-UI">About</a><!-- Internal page links -->
<a class="nav-item nav-link" href="#links"></a><!-- Internal page links -->
<a class="nav-item nav-link" href="/">Logout</a>
</div>
</div>
</nav>
<br />
<div class="jumbotron">
<h1 class="display-4"><i class="fas fa-graduation-cap"></i>Automated essay grading</h1>
<p class="lead">This is a simple essay evaliation unit, an interface for calling essay evaluation model (ASAP)</p>
<h1 class="display-4" style="font-size:5vw;"><i class="fas fa-graduation-cap"></i>Automated essay grading</h1>
<p class="lead" style="font-size:1.2em;">This is a simple essay evaliation unit, an interface for calling essay evaluation model (ASAP)</p>
<hr class="my-4">
<p>
<div class="input-group">
......
......@@ -26,16 +26,22 @@
<a class="nav-item nav-link" href="/contribute">Contribute</a><!-- Internal page links -->
<a class="nav-item nav-link" href="https://github.com/KartavyaKothari/Automated-essay-grading-UI">About</a><!-- Internal page links -->
<a class="nav-item nav-link" href="#links"></a><!-- Internal page links -->
<a class="nav-item nav-link" href="/register">Register</a>
</div>
</div>
<!-- <div class="navbar-nav"> -->
<!-- <a class="nav-item nav-link active" href="#">Home <span class="sr-only">(current)</span></a> -->
<!-- Internal page links -->
<!-- </div> -->
</nav>
<br />
<div class="jumbotron">
<h1 class="display-4"><i class="fas fa-graduation-cap"></i>Automated essay grading (Login)</h1>
<p class="lead">This is a simple essay evaliation unit, an interface for calling essay evaluation model (ASAP)</p>
<h1 class="display-4" style="font-size:5vw;"><i class="fas fa-graduation-cap"></i>Automated essay grading</h1>
<p class="lead" style="font-size:1.2em">This is a simple essay evaliation unit, an interface for calling essay evaluation model (ASAP)</p>
<hr class="my-4">
{{err_msg}}
<p>
<form action="/auth" method="post">
......@@ -48,11 +54,8 @@
<label for="exampleInputPassword1">Password</label>
<input type="password" name ="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Check me out</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
<button type="submit" class="btn btn-primary">Login</button>
</form>
......
......@@ -26,16 +26,23 @@
<a class="nav-item nav-link" href="/contribute">Contribute</a><!-- Internal page links -->
<a class="nav-item nav-link" href="https://github.com/KartavyaKothari/Automated-essay-grading-UI">About</a><!-- Internal page links -->
<a class="nav-item nav-link" href="#links"></a><!-- Internal page links -->
<a class="nav-item nav-link" href="/">Login</a>
</div>
</div>
<!-- <div class="navbar-nav"> -->
<!-- <a class="nav-item nav-link active" href="#">Home <span class="sr-only">(current)</span></a> -->
<!-- Internal page links -->
<!-- </div> -->
</nav>
<br />
<div class="jumbotron">
<h1 class="display-4"><i class="fas fa-graduation-cap"></i>Automated essay grading (Register)</h1>
<p class="lead">This is a simple essay evaliation unit, an interface for calling essay evaluation model (ASAP)</p>
<h1 class="display-4" style="font-size:5vw;"><i class="fas fa-graduation-cap"></i>Automated essay grading</h1>
<p class="lead" style="font-size:1.2em;">This is a simple essay evaliation unit, an interface for calling essay evaluation model (ASAP)</p>
<hr class="my-4">
{{err_msg}}
<p>
<form action="/registration" method="post">
......@@ -52,11 +59,7 @@
<label for="userpasswordconfirm">Confirm Password</label>
<input type="password" name="pass2" class="form-control" id="userpasswordconfirm" placeholder="Password">
</div>
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Check me out</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
<button type="submit" class="btn btn-primary">Register</button>
</form>
......
......@@ -16,7 +16,7 @@
<div class="container">
<!-- navbar component from getbootstrap.com -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" style="margin-top: 1px">
<a class="navbar-brand" href="/">Evaluate</a>
<a class="navbar-brand" href="/auth">Home</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
......@@ -26,8 +26,10 @@
<a class="nav-item nav-link" href="/contribute">Contribute</a><!-- Internal page links -->
<a class="nav-item nav-link" href="https://github.com/KartavyaKothari/Automated-essay-grading-UI">About</a><!-- Internal page links -->
<a class="nav-item nav-link" href="#links"></a><!-- Internal page links -->
<a class="nav-item nav-link" href="/">Logout</a>
</div>
</div>
</nav>
<br />
......
......@@ -16,7 +16,7 @@
<div class="container">
<!-- navbar component from getbootstrap.com -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" style="margin-top: 1px">
<a class="navbar-brand" href="/">Evaluate</a>
<a class="navbar-brand" href="/auth">Home</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
......@@ -26,8 +26,10 @@
<a class="nav-item nav-link" href="/contribute">Contribute</a><!-- Internal page links -->
<a class="nav-item nav-link" href="https://github.com/KartavyaKothari/Automated-essay-grading-UI">About</a><!-- Internal page links -->
<a class="nav-item nav-link" href="#links"></a><!-- Internal page links -->
<a class="nav-item nav-link" href="/">Logout</a>
</div>
</div>
</nav>
<br />
......
......@@ -26,16 +26,22 @@
<a class="nav-item nav-link" href="/contribute">Contribute</a><!-- Internal page links -->
<a class="nav-item nav-link" href="https://github.com/KartavyaKothari/Automated-essay-grading-UI">About</a><!-- Internal page links -->
<a class="nav-item nav-link" href="#links"></a><!-- Internal page links -->
<a class="nav-item nav-link" href="/">Logout</a>
</div>
</div>
</nav>
<br />
<div class="jumbotron">
<p class="lead">{{topic}}</p>
<br />
<table>
<!-- </div> -->
<table class="table">
<thead class="">
<tr>
<!-- <th scope="col">#</th> -->
<th scope="col">Essays on {{topic}}</th>
<th scope="col">Score</th>
<!-- <th scope="col">Handle</th> -->
</tr>
</thead>
{% for e in essayResponse %}
<tr>
<td>{{e['essay']}}</td>
......@@ -53,7 +59,7 @@
<p class="lead">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda asperiores tempore harum eveniet nostrum nobis numquam consectetur cupiditate! Alias quo, iure ipsam nesciunt similique aperiam quas accusantium cupiditate! Quibusdam, architecto!
</p> -->
</div>
<!-- </div> -->
</div>
<!-- Optional JavaScript -->
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment