Spaces:
Sleeping
Sleeping
igashov
commited on
Commit
•
aebc0d2
1
Parent(s):
8f8a932
vis
Browse files
output.py
CHANGED
|
@@ -36,7 +36,6 @@ INITIAL_RENDERING_TEMPLATE = """<!DOCTYPE html>
|
|
| 36 |
SAMPLES_RENDERING_TEMPLATE = """<!DOCTYPE html>
|
| 37 |
<html>
|
| 38 |
<head>
|
| 39 |
-
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
|
| 40 |
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
| 41 |
<style>
|
| 42 |
.mol-container {{
|
|
@@ -47,25 +46,14 @@ SAMPLES_RENDERING_TEMPLATE = """<!DOCTYPE html>
|
|
| 47 |
.mol-container select{{
|
| 48 |
background-image:None;
|
| 49 |
}}
|
| 50 |
-
.vis-button {{
|
| 51 |
-
font-family: "Source Sans Pro";
|
| 52 |
-
border-radius: 0.5rem;
|
| 53 |
-
padding-top: 0.5rem;
|
| 54 |
-
padding-right: 1rem;
|
| 55 |
-
padding-bottom: 0.5rem;
|
| 56 |
-
padding-left: 1rem;
|
| 57 |
-
font-size: 1rem;
|
| 58 |
-
line-height: 1.5rem;
|
| 59 |
-
font-weight: 600;
|
| 60 |
-
}}
|
| 61 |
</style>
|
| 62 |
<script src="https://3Dmol.csb.pitt.edu/build/3Dmol-min.js"></script>
|
| 63 |
</head>
|
| 64 |
|
| 65 |
<body>
|
| 66 |
<div id="container" class="mol-container"></div>
|
| 67 |
-
<button id="fragments"
|
| 68 |
-
<button id="molecule"
|
| 69 |
<script>
|
| 70 |
let element = $("#container");
|
| 71 |
let config = {{ backgroundColor: "white" }};
|
|
@@ -120,39 +108,6 @@ INVALID_FORMAT_MSG = """
|
|
| 120 |
</html>
|
| 121 |
"""
|
| 122 |
|
| 123 |
-
INITIAL_RENDERING_TEMPLATE = """<!DOCTYPE html>
|
| 124 |
-
<html>
|
| 125 |
-
<head>
|
| 126 |
-
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
| 127 |
-
<style>
|
| 128 |
-
.mol-container {{
|
| 129 |
-
width: 600px;
|
| 130 |
-
height: 600px;
|
| 131 |
-
position: relative;
|
| 132 |
-
}}
|
| 133 |
-
.mol-container select{{
|
| 134 |
-
background-image:None;
|
| 135 |
-
}}
|
| 136 |
-
</style>
|
| 137 |
-
<script src="https://3Dmol.csb.pitt.edu/build/3Dmol-min.js"></script>
|
| 138 |
-
</head>
|
| 139 |
-
|
| 140 |
-
<body>
|
| 141 |
-
<div id="container" class="mol-container"></div>
|
| 142 |
-
<script>
|
| 143 |
-
$(document).ready(function() {{
|
| 144 |
-
let element = $("#container");
|
| 145 |
-
let config = {{ backgroundColor: "white" }};
|
| 146 |
-
let viewer = $3Dmol.createViewer( element, config );
|
| 147 |
-
viewer.addModel(`{molecule}`, "{fmt}")
|
| 148 |
-
viewer.getModel().setStyle({{ stick: {{ colorscheme:"greenCarbon" }} }})
|
| 149 |
-
viewer.zoomTo();
|
| 150 |
-
viewer.render();
|
| 151 |
-
}});
|
| 152 |
-
</script>
|
| 153 |
-
</body>
|
| 154 |
-
</html>
|
| 155 |
-
"""
|
| 156 |
|
| 157 |
IFRAME_TEMPLATE = """<iframe style="width: 100%; height: 700px" name="result" allow="midi; geolocation; microphone; camera;
|
| 158 |
display-capture; encrypted-media;" sandbox="allow-modals allow-forms allow-scripts allow-same-origin allow-popups
|
|
|
|
| 36 |
SAMPLES_RENDERING_TEMPLATE = """<!DOCTYPE html>
|
| 37 |
<html>
|
| 38 |
<head>
|
|
|
|
| 39 |
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
| 40 |
<style>
|
| 41 |
.mol-container {{
|
|
|
|
| 46 |
.mol-container select{{
|
| 47 |
background-image:None;
|
| 48 |
}}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 49 |
</style>
|
| 50 |
<script src="https://3Dmol.csb.pitt.edu/build/3Dmol-min.js"></script>
|
| 51 |
</head>
|
| 52 |
|
| 53 |
<body>
|
| 54 |
<div id="container" class="mol-container"></div>
|
| 55 |
+
<button id="fragments">Input Fragments</button>
|
| 56 |
+
<button id="molecule">Output Molecule</button>
|
| 57 |
<script>
|
| 58 |
let element = $("#container");
|
| 59 |
let config = {{ backgroundColor: "white" }};
|
|
|
|
| 108 |
</html>
|
| 109 |
"""
|
| 110 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 111 |
|
| 112 |
IFRAME_TEMPLATE = """<iframe style="width: 100%; height: 700px" name="result" allow="midi; geolocation; microphone; camera;
|
| 113 |
display-capture; encrypted-media;" sandbox="allow-modals allow-forms allow-scripts allow-same-origin allow-popups
|