Separate pages

projectApp/forms.py

@@ -1,4 +1,4 @@
 from django import forms
 
-class oneMolecule(forms.Form):
+#class oneMolecule(forms.Form):
     #forms stuff

projectApp/templates/projectApp/home.html

@@ -0,0 +1,14 @@
+{% extends 'shared/base.html' %}
+{% block content %}
+  <h1>Comparing Subgraphs of Complex Structures</h1>
+  <label for="structures">How many structures do you want to compare?</label>
+
+  <br>
+  <a href="{% url 'inputOneMolecule' %}">
+    <button type="submit" value="1">1</button>
+  </a>
+
+  <a href="{% url 'inputTwoMolecules' %}">
+    <button type="submit" value="2">2</button>
+  </a>
+{% endblock %}

projectApp/templates/projectApp/twoMolecules.html

@@ -6,8 +6,7 @@ <h1>Comparing Subgraphs of Two Complex Structures</h1>
 
     <label for="moleculeInput">Enter your first molecule</label>
     <textarea id="moleculeInput"></textarea>
-    <button class="btn btn-primary" type="submit">Submit</button>
-
+    <br>
     <label for="moleculeInput">Enter your second molecule</label>
     <textarea id="moleculeInput"></textarea>
     <button class="btn btn-primary" type="submit">Submit</button>

projectApp/urls.py

@@ -2,6 +2,8 @@
 from . import views
 
 urlpatterns = [
-    path("getMolecules/", views.getMolecules, name="getMolecules"),
-    path("inputMolecules/", views.inputMolecules, name="inputMolecules")
+    path("home/", views.home, name="home"),
+    path("inputMolecules/", views.inputMolecules, name="inputMolecules"),
+    path("inputOneMolecule/", views.inputOneMolecule, name="inputOneMolecule"),
+    path("inputTwoMolecules/", views.inputTwoMolecules, name="inputTwoMolecules")
 ]

projectApp/views.py

@@ -1,18 +1,17 @@
 from django.shortcuts import render
 from django.http import HttpResponse
-from .forms import oneMolecule
+#from .forms import oneMolecule
 
-def getMolecules(request):
-    return render(request, "projectApp/get-molecules.html")
+def home(request):
+    return render(request, "projectApp/home.html")
 
 def inputMolecules(request):
     molecule = request.POST.get("molecule")
     print(molecule)
     return HttpResponse("Recieved molecule!")
 
-"""
-
 def inputOneMolecule(request):
-    form = oneMolecules()
-    return render(request, 'projectApp/oneMolecule.html', {'form': form})
-"""
+    return render(request, "projectApp/oneMolecule.html")
+
+def inputTwoMolecules(request):
+    return render(request, "projectApp/twoMolecules.html")