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 /qc_app/templates | |
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.
Diffstat (limited to 'qc_app/templates')
-rw-r--r-- | qc_app/templates/base.html | 19 | ||||
-rw-r--r-- | qc_app/templates/index.html | 27 |
2 files changed, 46 insertions, 0 deletions
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%} |