html strcture

49208f30 · Mia Wang · 9d32e6e5 · 49208f30 · 49208f30 · 49208f30
Commit 49208f30 authored 3 years ago by Mia Wang
--- a/.DS_Store
+++ b/.DS_Store
--- a/.flaskenv
+++ b/.flaskenv
+FLASK_APP=autoaugmentation
\ No newline at end of file
--- a/autoaugmentation/.DS_Store
+++ b/autoaugmentation/.DS_Store
--- a/autoaugmentation/app.py
+++ b/autoaugmentation/app.py
+from flask import Blueprint, render_template
+
+bp = Blueprint("home", __name__)
+
+@bp.route("/")
+def index():
+    return render_template("home.html")
--- a/autoaugmentation/static/image/data_augment_cat.jpeg
+++ b/autoaugmentation/static/image/data_augment_cat.jpeg
--- a/autoaugmentation/templates/home.html
+++ b/autoaugmentation/templates/home.html
+{% extends "layout.html" %}
+
+{% block content %}
+
+    <!-- Starts image section -->
+    <div class="row justify-content-md-center mb-4">
+        <h2 class='text-primary'>Data Augmentation with Meta Reinforcement Learning</h2>
+    </div>
+    
+    <div>
+      <img src="{{url_for('autoaugmentation/static', filename='images/data augment cat.jpeg')}}" class="img-thumbnail" />
+      <div class="caption">
+        <p><strong>Data Augmentation</strong></p>
+      </div>
+    </div>
+    <!-- Ends image section -->
+    
+    <!-- Starts upload section -->
+
+    <section>
+
+      <div class="container-fluid details">
+        <form action="/predict" method="post" enctype="multipart/form-data" onsubmit="showloading()">
+
+            <input type="file" name="image" class="upload"><br><br>
+            
+            <label for="user_classify">Which classfiication can best describe the uploading picutre:</label>
+            <select id="user_classify" name="user_classify">
+                <option value="Not sure">Not sure</option>
+                <option value="Diseased Leaf">Diseased Leaf</option>
+                <option value="Diseased Plant">Diseased Plant</option>
+                <option value="Healthy Leaf">Healthy Leaf</option>
+                <option value="Healthy Plant">Healthy Plant</option>
+            </select><br><br>
+
+            <label class="camera distance" for="Myheight"> Input yout height(m):</label>
+            <input type="text" id="Myheight" name="Myheight"><br>
+
+            <label class="camera distance" for="camera_dist_left"> Camera predicted distance from the left pillar(m):</label>
+            <input type="text" id="camera_dist_left" name="camera_dist_left"><br>
+
+            <label class="camera distance" for="camera_dist_right"> Camera predicted distance from the right pillar(m):</label>
+            <input type="text" id="camera_dist_right" name="camera_dist_right"><br><br>
+
+            <h5>More information about this cotton plant (optional)</h5>
+            <label class='measurements' for='height'>Cotton plant height: </label>
+            <input type='text' id='height' name = 'height'><br>
+            <label class='measurements' for='width'>Cotton plant width:</label>
+            <input type='text' id='width' name = 'width'><br>
+            <label class='notes' for='added_notes'>Additional notes: </label>
+            <input type='text' id='added_notes' name = 'added_notes'><br><br>
+
+            <input type="submit" value="Submit and Predict!"> <br><br><br>
+        </form>
+      </div>
+    </section>
+    
+    <!-- Ends upload section -->
+
+
+
+{% endblock %}
\ No newline at end of file
--- a/autoaugmentation/templates/layout.html
+++ b/autoaugmentation/templates/layout.html
+<!doctype html>
+<html>
+  
+  <head>
+   
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
+    
+    
+    <title> Cotton Leaf Disease Detection </title>
+    
+  </head>
+  
+  <body>
+      <div class="container pt-3">
+      
+        <div id="content">{% block content %}{% endblock %}</div>
+      
+        <div id="footer">
+          {% block footer %}
+          <div class="row">
+
+          </div>
+          {% endblock %}
+        </div>
+      </div>
+    
+  </body>
+</html>
\ No newline at end of file
--- a/autoaugmentation/templates/progress.html
+++ b/autoaugmentation/templates/progress.html
+{% extends "structure.html" %}
+{% block title%}Home{% endblock %}
+{% block body %}
+<h1>Loading</h1>
+      <progress value = "65" max = "100"/>
+
+{% endblock %}
+
--- a/autoaugmentation/templates/result.html
+++ b/autoaugmentation/templates/result.html
+{% extends "basic.html" %}
+{% block title %}Result{% endblock %}
+{% block body %}
+Response to query:<br>
+
+<div>  
+  <form action="/choose_file">
+    <input type="radio" id="downloadTypeChoice1"
+      name="Filetype" value="html">
+    <label for="downloadChoice1">HTML</label><br>
+  
+    <input type="radio" id="downloadTypeChoice2"
+      name="Filetype" value="markdown">
+    <label for="downloadTypeChoice2">Markdown</label><br>
+  
+    <input type="radio" id="downloadTypeChoice3"
+    name="Filetype" value="pdf">
+    <label for="downloadTypeChoice3">PDF</label><br>
+  
+    <input type="submit">
+  </form>
+</div>
+
+{% endblock %}
--- a/requirements.txt
+++ b/requirements.txt
+attrs
+click==8.0.3
+Flask==2.0.2
+iniconfig==1.1.1
+itsdangerous==2.0.1
+Jinja2==3.0.3
+MarkupSafe==2.0.1
+packaging==21.3
+pandoc==2.0.1
+pdflatex
+pluggy==1.0.0
+py==1.11.0
+pyparsing==3.0.6
+pytest
+python-dotenv==0.19.2
+toml==0.10.2
+Werkzeug==2.0.2
+weasyprint==51
\ No newline at end of file
--- a/setup.py
+++ b/setup.py
+from setuptools import setup
+
+setup()