diff options
Diffstat (limited to 'app/templates')
-rw-r--r-- | app/templates/generate.html | 23 | ||||
-rw-r--r-- | app/templates/home.html | 1 |
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')}}" /> |