aboutsummaryrefslogtreecommitdiff
path: root/app/templates
diff options
context:
space:
mode:
Diffstat (limited to 'app/templates')
-rw-r--r--app/templates/generate.html23
-rw-r--r--app/templates/home.html1
2 files changed, 22 insertions, 2 deletions
diff --git a/app/templates/generate.html b/app/templates/generate.html
index f187046..c034bd3 100644
--- a/app/templates/generate.html
+++ b/app/templates/generate.html
@@ -10,6 +10,10 @@
{{ form.n.label }}
{{ form.n(class="form-control")}}
</div>
+ <!--<div class="form-row">
+ {\{ form.modelSelection.label }}
+ {\{ form.modelSelection(class="form-control")}}
+ </div>-->
<br>
<div class="form-row">
<button type="submit" class="btn btn-primary">Submit</button>
@@ -17,8 +21,23 @@
</form>
{% if result %}
- </b>what the frick</b>
- <i>{{result}}</i>
+ </b>Generated Compounds</b>
+ <script src="https://unpkg.com/smiles-drawer@1.0.10/dist/smiles-drawer.min.js"></script>
+ <script>
+ let options = {};
+ let smilesDrawer = new SmilesDrawer.Drawer(options);
+ </script>
+ {% for x in range(result|length) %}
+ <!--<i>{\{result}}</i>-->
+ <p>{{result[x]}}</p>
+ <canvas id="canvas-{{x}}" width="500" height="500"></canvas>
+ <script>
+ SmilesDrawer.parse('{{result[0]}}', function(tree) {
+ smilesDrawer.draw(tree, "canvas-{{x}}", "dark", false);
+ console.log(smilesDrawer.draw(tree, "canvas-{{x}}", "light", false))
+ });
+ </script>
+ {% endfor %}
{% endif %}
{% endblock %} \ No newline at end of file
diff --git a/app/templates/home.html b/app/templates/home.html
index efe1a36..541c313 100644
--- a/app/templates/home.html
+++ b/app/templates/home.html
@@ -6,6 +6,7 @@
<ul>
<li><a href="{{ url_for('dock_upload') }}">Dock and Report</a></li>
<li><a href="{{ url_for('status')}}">Job Status</a></li>
+ <li><a href="{{ url_for('generate') }}">Generate</a></li>
</ul>
<img src="{{url_for('static',filename='assets/workingInALaboratory.svg')}}" />