Skip to content
Snippets Groups Projects
Commit fb252c0a authored by felixwelter's avatar felixwelter
Browse files

Add bootstrap to frontend

parent 24b8710e
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
Showing
with 85 additions and 35 deletions
templates/index.html
+ 85
− 35
View file @ fb252c0a
<!DOCTYPE HTML>
<html>
<!doctype html>
<html lang="en">
<head>
<title>Slide index</title></head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<title>Hello, world!</title>
</head>
<body>
<h1>Upload new slide</h1>
<div class="container">
<div class="row">
<div class="col-md">
<h1>Upload new PDF files</h1>
<form action="upload" enctype="multipart/form-data" method="post">
<input type="file" name="files" multiple="">
<input type="submit" value="Upload"><br>
Title row: <input type="number" name="title_row">
<div class="form-group">
<label for="fileUpload">PDF files</label>
<input class="form-control" type="file" lass="form-control" id="fileUpload" name="files"
multiple="">
<small id="uploadHelp" class="form-text text-muted">Select all PDF files you want to upload.</small>
</div>
<div class="form-group">
<label for="titleRow">Title row</label>
<input type="number" class="form-control" name="title_row" id="titleRow">
<small id="titleRowHelp" class="form-text text-muted">In which line is the title written in the
PDF?</small>
</div>
<input type="submit" class="btn btn-primary" value="Upload"><br>
</form>
<ul>
</div>
<div class="col-md">
<h1>Indexed files</h1>
<ul class="list-group">
{% for item in ll %}
<li>{{ item }}</li>
<li class="list-group-item">{{ item }}</li>
{% endfor %}
</ul>
<a href="current_index">View example of extracted titles</a>
<form action="reset_index" method="post">
<input type="submit" value="Reset Index">
<input type="submit" value="Reset Index" onclick="return confirm('Really remove complete index?');">
</form>
<p>
<a href="current_index">View example of extracted titles</a>
</p>
<h1>Query</h1>
</div>
</div>
<div class="row">
<div class="col-md"><h1>Query</h1>
<form action="search" method="post">
<input name="term" placeholder="term"><br>
<input name="context" placeholder="context"><br>
<input type="button" value="Query" onclick="execute();">
<div class="form-group">
<label for="termQuery">Term</label>
<input name="term" id="termQuery" placeholder="Regression" class="form-control">
<small class="form-text text-muted">Which word do you want to search for?</small>
</div>
<div class="form-group">
<label for="contextQuery">Context</label>
<input name="context" id="contextQuery"
placeholder="In statistics, relationships can be examined with a regression analysis"
class="form-control">
<small class="form-text text-muted">In which context was this word used?</small>
</div>
<input type="button" class="form-control" value="Query" onclick="execute();">
</form>
<div id="form-result">
</div>
</div>
<div class="col-md">
<h1>Upload benchmark data</h1>
<form action="benchmark" enctype="multipart/form-data" method="post">
<input type="file" name="file">
<input type="submit" value="Upload">
<div class="form-group">
<label for="benchmarkFile"></label>
<input id="benchmarkFile" class="form-control" type="file" name="file">
</div>
<input type="submit" value="Upload" class="btn btn-primary">
</form>
</div>
</div>
</div>
<script>
function execute() {
......@@ -67,5 +108,14 @@
http.send(params);
}
</script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
</body>
</html>
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment