Spaces:

igashov
/

DiffLinker

Running on A10G

igashov commited on Oct 16, 2022

Commit

7d61a8d

•

1 Parent(s): a05c989

vis

Files changed (1) hide show

output.py CHANGED Viewed

@@ -51,14 +51,15 @@ SAMPLES_RENDERING_TEMPLATE = """<!DOCTYPE html>
     </head>
     <body>
     <button id="fragments">Input Fragments</button>
     <button id="molecule">Output Molecule</button>
-    <div id="container" class="mol-container"></div>
     <script>
         $(document).ready(function() {{
-            let element = $("#container");
-            let config = {{ backgroundColor: "white" }};
-            let viewer = $3Dmol.createViewer( element, config );
             viewer.addModel(`{fragments}`, "{fragments_fmt}")
             viewer.getModel().setStyle({{ stick: {{ colorscheme:"greenCarbon" }} }})
             viewer.addModel(`{molecule}`, "{molecule_fmt}")

     </head>
     <body>
+    <div id="container" class="mol-container"></div>
     <button id="fragments">Input Fragments</button>
     <button id="molecule">Output Molecule</button>
     <script>
+        let element = $("#container");
+        let config = {{ backgroundColor: "white" }};
+        let viewer = $3Dmol.createViewer( element, config );
         $(document).ready(function() {{
             viewer.addModel(`{fragments}`, "{fragments_fmt}")
             viewer.getModel().setStyle({{ stick: {{ colorscheme:"greenCarbon" }} }})
             viewer.addModel(`{molecule}`, "{molecule_fmt}")