diff options
| author | Frederick Muriuki Muriithi | 2022-04-25 07:15:29 +0300 |
|---|---|---|
| committer | Frederick Muriuki Muriithi | 2022-04-25 07:15:29 +0300 |
| commit | 0bc9f7db2b82bd446e79bdefb03a20516fe3d8b8 (patch) | |
| tree | 93dedbe679c2e1f65e080cfb4d13b4675608c25c | |
| parent | fe5be11e2e22d5e2d1497acaf0d8e7579b2882d9 (diff) | |
| download | gn-uploader-0bc9f7db2b82bd446e79bdefb03a20516fe3d8b8.tar.gz | |
UI: Add index page and basic styling
Add template(s) for the index page and some basic styling to get
started with.
| -rw-r--r-- | qc_app/entry.py | 4 | ||||
| -rw-r--r-- | qc_app/static/css/styles.css | 31 | ||||
| -rw-r--r-- | qc_app/templates/base.html | 19 | ||||
| -rw-r--r-- | qc_app/templates/index.html | 27 |
4 files changed, 79 insertions, 2 deletions
diff --git a/qc_app/entry.py b/qc_app/entry.py index 4963246..951b201 100644 --- a/qc_app/entry.py +++ b/qc_app/entry.py @@ -1,9 +1,9 @@ """Entry-point module""" -from flask import Blueprint +from flask import Blueprint, render_template entrybp = Blueprint("entry", __name__) @entrybp.route("/", methods=["GET", "POST"]) def upload_file(): """Enables uploading the files""" - return "STUB: We upload the files here" + return render_template("index.html") diff --git a/qc_app/static/css/styles.css b/qc_app/static/css/styles.css new file mode 100644 index 0000000..4d569d8 --- /dev/null +++ b/qc_app/static/css/styles.css @@ -0,0 +1,31 @@ +label, legend { + text-transform: capitalize; +} + +.heading { + color: #FEFEFE; + background-color: #336699; + text-transform: capitalize; + border-radius: 5px; + padding-left: 0.5em; +} + +fieldset { + border-radius: 5px; +} + +.btn { + text-align: center; + border-radius: 5px; + display: inline-block; + vertical-align: middle; + text-transform: capitalize; + padding: 0.45em 0.3em 0.45em 0.3em; +} + +.btn-main { + color: #FEFEFE; + border-color: #357ebd; + background-color: #336699; + font-weight: bold; +} diff --git a/qc_app/templates/base.html b/qc_app/templates/base.html new file mode 100644 index 0000000..67ba6b5 --- /dev/null +++ b/qc_app/templates/base.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta application-name="GeneNetwork Quality-Control Application" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + + <title>QC: {%block title%}{%endblock%}</title> + + <link rel="stylesheet" type="text/css" href="/static/css/styles.css" /> + {%block css%}{%endblock%} + </head> + + <body> + {%block contents%}{%endblock%} + + {%block javascript%}{%endblock%} + </body> +</html> diff --git a/qc_app/templates/index.html b/qc_app/templates/index.html new file mode 100644 index 0000000..ec45605 --- /dev/null +++ b/qc_app/templates/index.html @@ -0,0 +1,27 @@ +{%extends "base.html"%} + +{%block title%}Upload File{%endblock%} + +{%block contents%} +<h1 class="heading">upload file</h1> + +<form action="#" method="POST" enctype="multipart/form-data"> + <fieldset> + <legend>file type</legend> + + <input type="radio" name="filetype" value="average" id="filetype_average" + required="required" /> + <label for="filetype_average">average</label> + + <input type="radio" name="filetype" value="standard_error" + id="filetype_standard_error" required="required" /> + <label for="filetype_standard_error">standard error</label> + </fieldset> + + <label for="file_upload">select file</label> + <input type="file" name="qc_text_file" id="file_upload" + accept="text/tab-separated-values" /> + + <input type="submit" value="upload file" class="btn btn-main" /> +</form> +{%endblock%} |