aboutsummaryrefslogtreecommitdiff
path: root/qc_app/templates
diff options
context:
space:
mode:
authorFrederick Muriuki Muriithi2022-04-25 07:15:29 +0300
committerFrederick Muriuki Muriithi2022-04-25 07:15:29 +0300
commit0bc9f7db2b82bd446e79bdefb03a20516fe3d8b8 (patch)
tree93dedbe679c2e1f65e080cfb4d13b4675608c25c /qc_app/templates
parentfe5be11e2e22d5e2d1497acaf0d8e7579b2882d9 (diff)
downloadgn-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.html19
-rw-r--r--qc_app/templates/index.html27
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%}