summaryrefslogtreecommitdiff
path: root/webapp/templates/jigerator.html
diff options
context:
space:
mode:
authorjaseg <git@jaseg.net>2019-09-29 13:30:38 +0200
committerjaseg <git@jaseg.net>2019-09-29 13:30:38 +0200
commit00380ac6020179de15929afc1b29b7dc5ce094e4 (patch)
tree6295edf8f34670d7b10bc554655607cf70a414ab /webapp/templates/jigerator.html
parent1a6f2a9caa27bded4551aead34883e7fcdc92d2e (diff)
downloadpogojig-00380ac6020179de15929afc1b29b7dc5ce094e4.tar.gz
pogojig-00380ac6020179de15929afc1b29b7dc5ce094e4.tar.bz2
pogojig-00380ac6020179de15929afc1b29b7dc5ce094e4.zip
Add STL renderer
Diffstat (limited to 'webapp/templates/jigerator.html')
-rw-r--r--webapp/templates/jigerator.html21
1 files changed, 18 insertions, 3 deletions
diff --git a/webapp/templates/jigerator.html b/webapp/templates/jigerator.html
index 9ee9b84..15711b2 100644
--- a/webapp/templates/jigerator.html
+++ b/webapp/templates/jigerator.html
@@ -116,9 +116,9 @@
</div>
{% else %}
<div class="preview-images">
- <a href="{{url_for('render_download')}}" class="render" style="background-image:url('{{url_for('render_preview')}}');">
- <div class="overlay">Download model and PCB</div>
- </a>
+ <a href="{{url_for('render_download', file='sources.zip')}}" class="render">Download renders</a>
+
+ <div id="stl-target" class="madeleine"></div>
</div>
{% endif %}
</div>
@@ -132,5 +132,20 @@
<div class="copyright">&#169; 2019 jaseg</div>
</div>
</div>
+ <!-- STL viewer -->
+ <link href="static/Madeleine.js/src/css/Madeleine.css" rel="stylesheet">
+ <script src="static/Madeleine.js/src/lib/stats.js"></script>
+ <script src="static/Madeleine.js/src/lib/detector.js"></script>
+ <script src="static/Madeleine.js/src/lib/three.min.js"></script>
+ <script src="static/Madeleine.js/src/Madeleine.js"></script>
+ <script>
+ window.onload = function(){
+ var madeleine = new Madeleine({
+ target: 'target', // target div id
+ data: '{{url_for('render_download', file='jig.stl')}}', // data path
+ path: '.' // path to source directory from current html file
+ });
+ };
+ </script>
</body>
</html>