aboutsummaryrefslogtreecommitdiff
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
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.
-rw-r--r--qc_app/entry.py4
-rw-r--r--qc_app/static/css/styles.css31
-rw-r--r--qc_app/templates/base.html19
-rw-r--r--qc_app/templates/index.html27
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%}